NextJS Boilerplate

This is a Next.js boilerplate based on the course React Avançado, with some personal flavors like Vitest and Storybook with Vite builder.

What is inside?

• NextJS
• ReactJS
• TypeScript
• Styled Components
• React Testing Library
• Vitest
• Storybook
• Eslint
• Prettier
• Husky
• Lint-Staged
• Plop

Getting Started

You can use this as a boilerplate:

npx degit https://github.com/adeonir/boilerplate-nextjs my-project

Then, run the development server:

pnpm dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying src/pages/index.tsx. The page auto-updates as you edit and save the file.

If you like to try the production build, run:

pnpm build

And then:

pnpm start

Commands

• dev: runs your application on localhost:3000
• build: creates the production build
• export: exports to static files to out folder, and can be run standalone
• start: starts a simple server with the build production code
• lint: runs the linter in all components and pages
• test: runs vitest once
• watch: runs vitest in watch mode
• coverage: runs vitest with coverage table
• generate: runs plop to generate component files
• storybook: runs storybook on localhost:6006

Made with ♥️ by Adeonir Kohl