The scaffold & example for NextJs 15.x with ReactJs 19.x, React Hook Form, Material UI(MUI 6.x),Typescript and ESLint with simple next.js 15 example of NextJs API, React-hook-form with zod, fetch remote api, 404/500 error pages, MUI SSR usage.
๐๐๐ Click here to see an online demo ๐๐๐
If you prefer Tailwind css, check this: Tailwind-CSS-Version
๐๐๐ Click here to see an online demo ๐๐๐
git clone -b react19-nextjs15 https://github.com/AlexStack/nextjs-materia-mui-typescript-hook-form-scaffold-boilerplate-starter.git react19-nextjs15-mui6-ts-starter && cd react19-nextjs15-mui6-ts-starter && yarn install && yarn dev -p 3005
git clone -b nextjs14 https://github.com/AlexStack/nextjs-materia-mui-typescript-hook-form-scaffold-boilerplate-starter.git react18-nextjs14-mui5-ts-starter && cd react18-nextjs14-mui5-ts-starter && yarn install && yarn dev -p 3005
This repository is ๐ battery packed with:
@/
prefixrelease-please
workflowThis starter is original from theodorusclarence/ts-nextjs-tailwind-starter, thank you theodorusclarence! If you prefer Tailwind css, check this: Tailwind-CSS-Version
Test locally: Using create-next-app
npx create-next-app -e https://github.com/AlexStack/nextjs-materia-mui-typescript-hook-form-scaffold-boilerplate-starter new-project-name
Test online: Deploy to Vercel by one click
It is encouraged to use yarn so the husky hooks can work properly.
yarn install
You can start the server using this command:
yarn dev
Open http://localhost:3000 with your browser to see the result. You can start editing the page by modifying src/pages/index.tsx
.
There are some things you need to change including title, urls, favicons, etc.
Find all comments with !STARTERCONF, then follow the guide.
Don't forget to change the package name in package.json
This starter is using conventional commits, it is mandatory to use it to commit changes.
Are you using this starter? Please add your page (and repo) to the end of the list via a Pull Request. ๐
๐๐๐ Click here to see an online demo of below code ๐๐๐