This is a starter project for all of my future Next.js projects. It comes pre-configured with everything needed to kickstart a new project, including Next.js 14, Tailwind CSS, ESLint, Husky, Prettier, NextUI, and Storybook 8.
First, create a new project with this repository:
npm run create next-app --example https://github.com/rinaldes/nextail-starter {app_name}
cd {app_name}Then, run the development server:
npm run devOpen http://localhost:3000 with your browser to see the result.
- Next.js 14: The latest version of Next.js for building server-side rendered React applications.
- Tailwind CSS: A utility-first CSS framework for rapid UI development.
- ESLint: A tool for identifying and fixing problems in your JavaScript code.
- Husky: Git hooks made easy, ensuring code quality before commits.
- Prettier: An opinionated code formatter to maintain consistent code style.
- NextUI: A beautiful, fast, and modern React UI library.
- Storybook 8: A tool for developing UI components in isolation.
npm run dev: Run the development server.npm run build: Build the application for production.npm run start: Start the production server.npm run lint: Run ESLint to check for linting errors.npm run format: Format the code using Prettier.npm run test: Run all checks (format, lint, types, tests) and build the project.npm run fix: Fix linting and formatting issues.npm run storybook: Run Storybook for developing UI components.npm run build-storybook: Build the Storybook static site.
To learn more about the tools and frameworks used in this project, take a look at the following resources:
- Next.js Documentation
- Tailwind CSS Documentation
- ESLint Documentation
- Husky Documentation
- Prettier Documentation
- NextUI Documentation
- Storybook Documentation
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out the Next.js deployment documentation for more details.