- Configure Next.js 14 with TypeScript and App Router - Set up Tailwind CSS for styling - Add comprehensive dependencies for motorcycle adventure features - Configure authentication with NextAuth.js - Set up map integration with React Leaflet - Add GPX file support for route tracking - Configure image processing and file uploads - Set up forms, charts, and animations - Add ESLint and development tooling
63 lines
1.4 KiB
Markdown
63 lines
1.4 KiB
Markdown
# Moto Adventure Website
|
|
|
|
A Next.js-based website for motorcycle adventure enthusiasts, featuring route tracking, blog posts, and community features.
|
|
|
|
## Features
|
|
|
|
- 🏍️ Motorcycle adventure route tracking with GPX support
|
|
- 📝 Blog system for sharing adventure stories
|
|
- 🗺️ Interactive maps with Leaflet integration
|
|
- 👤 User authentication with NextAuth.js
|
|
- 📊 Analytics and charts with Recharts
|
|
- 📱 Responsive design with Tailwind CSS
|
|
- 🖼️ Image upload and processing with Sharp
|
|
- 🎨 Smooth animations with Framer Motion
|
|
|
|
## Tech Stack
|
|
|
|
- **Framework:** Next.js 14 with App Router
|
|
- **Language:** TypeScript
|
|
- **Styling:** Tailwind CSS
|
|
- **Database:** Prisma ORM
|
|
- **Authentication:** NextAuth.js
|
|
- **Maps:** React Leaflet
|
|
- **Forms:** React Hook Form
|
|
- **Icons:** Lucide React
|
|
- **Animation:** Framer Motion
|
|
|
|
## Getting Started
|
|
|
|
1. Install dependencies:
|
|
```bash
|
|
npm install
|
|
```
|
|
|
|
2. Set up environment variables:
|
|
```bash
|
|
cp .env.example .env.local
|
|
```
|
|
|
|
3. Set up the database:
|
|
```bash
|
|
npx prisma generate
|
|
npx prisma db push
|
|
```
|
|
|
|
4. Run the development server:
|
|
```bash
|
|
npm run dev
|
|
```
|
|
|
|
5. Open [http://localhost:3000](http://localhost:3000) in your browser.
|
|
|
|
## Development
|
|
|
|
- `npm run dev` - Start development server
|
|
- `npm run build` - Build for production
|
|
- `npm run start` - Start production server
|
|
- `npm run lint` - Run ESLint
|
|
|
|
## License
|
|
|
|
This project is private and proprietary.
|