DSamuelHodge / Nextjs-template

Next.js 14+ Starter with App Router, Tailwind CSS, and TypeScript ⚡️Made with developer experience. Includes Next.js, TypeScript, ESLint, Prettier, Husky, Lint-Staged, Jest, Testing Library, Playwright, Vercel Analytics & Vercel SpeedInsight.

Next.js 14+ Starter Template

Features

• ⚡ Next.js 14+: Take advantage of the latest features and optimizations of the Next.js framework.
• 🔍 TypeScript: Develop with strong typing and improved code quality.
• 🚀 ESLint and Prettier: Ensure consistent code style and catch errors early.
• 🐶 Husky and Lint-Staged: Enforce code quality with pre-commit hooks.
• 💡 Shadow and Background Snippets: Accelerate development with helpful shadow and background snippets.
• 🖼️ Shadcn UI Library: Integrate Shadcn UI library for building beautiful user interfaces effortlessly.
• 🃏 Jest and Testing Library: Write and run tests with ease to ensure robustness.
• 🎭 Playwright: Automate browser testing for comprehensive coverage.
• 📊 Vercel Analytics and Vercel SpeedInsight: Monitor and optimize performance for better user experiences.

Getting Started

1. Clone this repository: git clone <repository-url>
2. Navigate to the project directory: cd <project-directory>
3. Install dependencies: npm install or yarn install
4. Start the development server: npm run dev or yarn dev

Scripts

• npm run dev or yarn dev: Start the development server.
• npm run build or yarn build: Build the production-ready application.
• npm start or yarn start: Start the production server.
• npm test or yarn test: Run tests.
• npm run lint or yarn lint: Lint the codebase.
• npm run format or yarn format: Format code using Prettier.

Contributing

Contributions are welcome! Feel free to open issues or pull requests to suggest improvements, report bugs, or add new features.