Next.js starter template

Warning

This repository is outdated. For newer version of this template, see zerodays/nextjs-template.

This is template to bootstrap new Next.js projects. It includes everything you need to start development.

Getting Started 🚀

1. Use this template to create new Next.js project.

pnpm create next-app -e https://github.com/zerodays/next-template

2. After that, install dependencies:

pnpm install

3. Start the development server:

pnpm dev

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

Useful commands

Lint your code and typecheck it:

pnpm lint
pnpm tsc

Run unit tests:

pnpm test

Check if all localizations keys match between languages:

pnpm i18n

Analyze bundle size:

ANALYZE=true pnpm build

What's included?

• Next.js 13 with App router
• TailwindCSS for styling
• Prettier
• ESLint for finding problems with following rule sets:
  • next/core-web-vitals
  • eslint:recommended
  • typescript-eslint
  • eslint-plugin-react
  • eslint-plugin-react-hooks
  • eslint-plugin-sonarjs
• next-international for internationalization
• react-hook-form for forms
• zod for form validation
• Github Actions for lint, typecheck and localizations checks

What still needs to added to this template?

• Add zustand for state management
• Add Playwright for end-to-end testing
• Add server-side project setup & TRPC for API
• Add next-axiom for logging

Great! What should I do next?

• Update README.md file to reflect your project
• Create new Infisical project and connect it to newly created repository with infisical init command
• Add branch protection rule for master branch (require at least one review before merging, require status checks to pass before merging, do not allow bypassing checks)
• Connect your project to Vercel for automatic deployments
• Choose data fetching library depending on your needs (zodios, react-query, supabase client, etc.)
• Enjoy working on your new project! 🎉