create-roadkit

# {{projectName}} {{description}} ## Overview This is a Next.js roadmap website generated by RoadKit. It provides a clean, modern interface for displaying project timelines and roadmaps. ### Features - 📱 Responsive design - 🎨 Modern UI with Tailwind CSS - ⚡ Built with Next.js 14 - 🔧 TypeScript support - 🎯 SEO optimized - 🚀 Ready for deployment ## Getting Started ### Prerequisites - Node.js 18+ or Bun - npm, yarn, pnpm, or bun ### Installation 1. Install dependencies: ```bash bun install # or npm install ``` 2. Copy environment variables: ```bash cp .env.example .env.local ``` 3. Configure your environment variables in `.env.local` 4. Start the development server: ```bash bun dev # or npm run dev ``` 5. Open [http://localhost:3000](http://localhost:3000) in your browser ## Project Structure ``` {{projectName}}/ ├── src/ │ ├── app/ │ │ ├── layout.tsx # Root layout │ │ ├── page.tsx # Home page │ │ └── globals.css # Global styles │ └── components/ # Reusable components ├── public/ # Static assets ├── README.md ├── package.json └── next.config.js ``` ## Customization ### Colors Update your brand colors in: - `src/app/globals.css` - CSS custom properties - `tailwind.config.js` - Tailwind theme colors ### Content - Modify the roadmap content in `src/app/page.tsx` - Add new pages in the `src/app/` directory - Create reusable components in `src/components/` ## Deployment This project is ready to deploy on: - [Vercel](https://vercel.com) (recommended) - [Netlify](https://netlify.com) - [Railway](https://railway.app) ### Deploy on Vercel ```bash npm install -g vercel vercel ``` ## Built With - [Next.js](https://nextjs.org) - React framework - [Tailwind CSS](https://tailwindcss.com) - Utility-first CSS - [TypeScript](https://typescriptlang.org) - Type safety ## Author **{{author.name}}**{{#author.email}} - {{author.email}}{{/author.email}}{{#author.url}} - Website: {{author.url}}{{/author.url}} ## Generated Created with [RoadKit](https://github.com/your-repo/roadkit) on {{timestamp}}