https://github.com/tomilola-ng/nextjs15-starter
🚀 A modern Next.js 15 starter with Tailwind CSS, React 19, Framer Motion, Zustand, Zod, and more. Build fast, scale faster!
https://github.com/tomilola-ng/nextjs15-starter
authentication framer-motion nextjs15-typescript react19 seo shadcn-ui sitemap ssr tailwindcss templates
Last synced: 3 months ago
JSON representation
🚀 A modern Next.js 15 starter with Tailwind CSS, React 19, Framer Motion, Zustand, Zod, and more. Build fast, scale faster!
- Host: GitHub
- URL: https://github.com/tomilola-ng/nextjs15-starter
- Owner: Tomilola-ng
- License: mit
- Created: 2025-01-06T00:35:15.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2025-02-11T10:12:05.000Z (5 months ago)
- Last Synced: 2025-02-11T11:24:37.432Z (5 months ago)
- Topics: authentication, framer-motion, nextjs15-typescript, react19, seo, shadcn-ui, sitemap, ssr, tailwindcss, templates
- Language: TypeScript
- Homepage: https://nextjs15-starter.vercel.app
- Size: 152 KB
- Stars: 9
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# NextJs15 Starter
[](./LICENSE)
[](https://nextjs.org/)
[](https://tailwindcss.com/)
[](https://reactjs.org/)
**Starter Template For Next.js Applications**
The `NextJs15-starter` is a highly optimized and feature-rich boilerplate for building modern web applications. It comes pre-configured with essential tools, libraries, and best practices, allowing you to focus on your application logic rather than setup.
## Features
- **Next.js 15**: Leverage the latest features of Next.js for high-performance SSR and static site generation.
- **Tailwind CSS 3.4**: Beautiful and efficient utility-first CSS framework.
- **React 19**: Harness the power of the latest React version.
- **Lucide React Icons**: A collection of customizable icons for your UI needs.
- **Shadcn UI Components**: Pre-designed components for consistent and fast UI development.
- **Framer Motion**: Animate your components with ease using Framer Motion.
- **API Setup**: Pre-configured API routes for seamless backend integration.
- **Global Restyling**: Unified styling approach for a cohesive design system.
- **Zod Validation**: Built-in schema validation for safer and more robust data handling.
- **Zustand State Management**: Lightweight and scalable state management.
- **User Management API & Hooks**: Integrated user authentication and management solutions.
- **Global Type Modules**: Simplified TypeScript type management.
- **Sitemap Generation**: Automatically generate sitemaps for better SEO.
- **Loading and Error Handling Templates**: Pre-built components for `Not Found`, `Global Error`, and other states.
- **Editable Logo Component**: Quickly adapt branding to your application.
- **Utility Code**: Handy helper functions and modules to speed up development.
## Getting Started
### Prerequisites
Ensure you have the following installed:
- [Node.js](https://nodejs.org/) (v18 or higher recommended)
- [npm](https://www.npmjs.com/) or [yarn](https://yarnpkg.com/)
### Installation
1. Clone the repository:
```bash
git clone https://github.com/Tomilola-ng/nextjs15-starter.git
```
2. Navigate to the project directory:
```bash
cd nextjs15-starter
```
3. Install dependencies:
```bash
npm install
# or
yarn install
```
### Running the Application
Start the development server:
```bash
npm run dev
# or
yarn dev
```
Open [http://localhost:3000](http://localhost:3000) in your browser to see the application in action.
### Building for Production
Generate a production build:
```bash
npm run build
# or
yarn build
```
Run the production server:
```bash
npm start
# or
yarn start
```
## Project Structure
```plaintext
NextJs15-starter/
├── api/ # API routes and utilities
├── app/ # Application pages and API routes
├── components/ # Reusable UI components
├── config/ # Site configuration
├── hooks/ # Custom hooks
├── lib/ # Utility functions and helpers
├── provider/ # Global providers
├── public/ # Static assets
├── styles/ # Global styles
├── types/ # TypeScript type definitions
└── ... # Other configuration and boilerplate files
```
## Contributing
Contributions are welcome! Feel free to fork the repository and submit pull requests. For major changes, please open an issue first to discuss what you would like to change.
## License
This project is licensed under the [MIT License](./LICENSE).
## Author
**Tomilola-ng**
- GitHub: [Tomilola-ng](https://github.com/Tomilola-ng)
- Twitter: [@Tomilola_ng](https://twitter.com/tomilola_ng)
## Acknowledgments
Special thanks to the open-source community for providing the amazing libraries and tools integrated into this starter template.