create-next-pro-cli
Version:
Advanced Next.js project scaffolder with i18n, Tailwind, App Router and more.
138 lines (93 loc) ⢠3.44 kB
Markdown
# My Next.js Project
This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-pro`](https://github.com/Rising-Corporation/create-next-pro-cli).
## š Getting Started
First, run the development server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
You can start editing the page by modifying `src/app/[locale]/page.tsx`. The page auto-updates as you edit the file.
## ⨠Features
This project comes with the following features pre-configured:
- **š Internationalization (i18n)** - Using `next-intl` with locale-based routing
- **šØ Tailwind CSS** - Utility-first CSS framework
- **ā” TypeScript** - Type-safe development
- **š Authentication** - NextAuth.js integration
- **š± Responsive Design** - Mobile-first approach
- **āļø ESLint & Prettier** - Code quality and formatting
- **šÆ App Router** - Latest Next.js routing system
## š ļø CLI Commands
You can use `create-next-pro` to add and manage your project structure:
### Add a new page:
```bash
create-next-pro addpage MyPage
```
### Add a nested page:
```bash
create-next-pro addpage ParentPage.ChildPage
```
### Add a component (global):
```bash
create-next-pro addcomponent MyComponent
```
### Add a component in a specific page:
```bash
create-next-pro addcomponent MyComponent -P MyPage
```
### Add a library:
```bash
create-next-pro addlib mylib
```
### Add an API route:
```bash
create-next-pro addapi hello
```
### Add a new language (i18n):
```bash
create-next-pro addlanguage fr
```
### Add translation text:
```bash
create-next-pro addtext MyPage.welcome "Welcome to my page"
```
### Remove a page:
```bash
create-next-pro rmpage MyPage
```
## š Project Structure
```
src/
āāā app/
ā āāā [locale]/ # Internationalization routing
ā ā āāā (public)/ # Public pages (login, register)
ā ā āāā (user)/ # Protected pages (dashboard, settings)
ā āāā api/ # API routes
āāā lib/ # Utility libraries
ā āāā auth/ # Authentication helpers
ā āāā i18n/ # Internationalization config
āāā ui/ # UI components organized by page
```
## š Internationalization
The project supports multiple languages through the `messages/` directory:
- `messages/en/` - English translations
- `messages/fr/` - French translations
- Add more languages with `create-next-pro addlanguage <locale>`
## š Authentication
Authentication is configured with NextAuth.js. Check `src/auth.config.ts` for configuration and `/api/auth/` for auth routes.
## š Learn More
To learn more about the technologies used:
- [Next.js Documentation](https://nextjs.org/docs)
- [Tailwind CSS](https://tailwindcss.com/docs)
- [next-intl Documentation](https://next-intl-docs.vercel.app/)
- [NextAuth.js Documentation](https://next-auth.js.org/)
## š Deploy on Vercel
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new) from the creators of Next.js.
Check out the [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
---
Created with ā¤ļø using [create-next-pro](https://github.com/Rising-Corporation/create-next-pro-cli)