Next.js 15 Starter (shadcn + typescript + react 19) [See Demo]
A modern Next.js 15 Starter template featuring React 19, TypeScript 5, Tailwind CSS 3, and Shadcn UI. Pre-configured with essential developer tools and optimized VS Code settings for an efficient development experience.
- Next.js 15 (Stable)
- React 19 (Stable)
- TypeScript 5
- ESLint 9
- Prettier 3
- Tailwind CSS 3
- Shadcn UI
- App Directory
- System, Light & Dark Mode
- Node.js: Version 20.18.0 or higher
- Bun: Version 1.0.0 or higher
-
Install Bun:
curl -fsSL https://bun.sh/install | bash -
Verify Installation:
bun --version
-
Update Bun (if needed):
bun upgrade
-
Clone the Repository:
git clone https://github.com/devPinheiro/nextjs-15-starter.git cd nextjs-15-starter -
Install Dependencies:
bun install # or with Yarn yarn install -
Run Development Server:
bun dev # or with Yarn yarn dev -
Build for Production:
bun run build
- Hot Reloading: Changes reflect instantly in development
- TypeScript Strict Mode: Catch errors early with strict type checking
- Code Formatting: Automated with Prettier and ESLint
- VS Code Integration: Enhanced development with recommended extensions
- Performance Optimized: Built-in Next.js optimizations
- SEO Ready: Meta tags and OpenGraph support included
├── public/ # Static assets |── styles/ # Global styles and Tailwind config └── src/ ├── app/ # Next.js 15 app directory └── components/ # Reusable UI components ├── ui/ # Shadcn UI components and customizations ├── organisms/ ├── molecules/ ├── lib/ # Utility functions and helpers ├── hooks/ # Reusable hook functionsWe welcome contributions! Here's how you can help:
-
Fork & Clone
- Fork the repository
- Clone your fork locally
-
Branch
- Create a new branch for your feature
- Use descriptive branch names (e.g.,
feature/new-component)
-
Code
- Follow the existing code style
- Add comments where necessary
- Write tests for new features
-
Commit
- Use clear, concise commit messages
- Reference issue numbers when applicable
-
Test
- Ensure all tests pass
- Check for TypeScript errors
- Verify build success
-
Submit
- Push your changes
- Create a Pull Request
- Fill out the PR template completely
- Follow the installation steps above
- Install recommended VS Code extensions
- Enable ESLint and Prettier in your editor
- Use TypeScript strictly
- Follow the project's ESLint configuration
- Maintain component structure
- Keep components small and focused
This project is licensed under the MIT License. See the LICENSE file for details.

