Welcome to the Next.js starter template! This template is designed to provide a solid foundation for building web applications using Next.js with TypeScript, ESLint, Prettier, and Tailwind CSS.
- Next.js with TypeScript: A powerful React framework with TypeScript support for improved type checking and developer experience.
- ESLint and Prettier: Enforce code quality and consistency with ESLint and Prettier configurations for a clean and maintainable codebase.
- Tailwind CSS: A utility-first CSS framework for rapid UI development, easily customizable to fit your design needs.
git clone https://github.com/zahidhasanemran/next-js-14-app-router-starter-template.git
cd next-js-14-app-router-starter-template
npm install
npm run dev
Open your browser and visit http://localhost:3000 to see the template in action.
pages/: Contains Next.js pages. Each file in this directory corresponds to a route.
styles/: Includes global CSS styles and configurations.
components/: Add your React components here.
Customization
ESLint Configuration
Modify .eslintrc.js to adjust ESLint rules based on your preferences.
Adjust .prettierrc for Prettier settings tailored to your coding style.
Customize the tailwind.config.js file for your specific design requirements.
npm run dev: Start the development server.
npm run build: Build the production-ready application.
npm start: Run the production build locally.
npm run lint: Run ESLint to check for code issues.
npm run lint:fix: Run ESLint and automatically fix issues.
npm run format: Format code with Prettier.
Feel free to contribute to this template by submitting issues, feature requests, or pull requests. Your feedback and contributions are highly appreciated!
This project is licensed under the MIT License.