UNPKG

create-next-pro-cli

Version:

Advanced Next.js project scaffolder with i18n, Tailwind, App Router and more.

138 lines (93 loc) • 3.44 kB
# 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)