A premium, full-stack travel storytelling platform built with Next.js 15, Auth.js v5, and MongoDB.
VoyageVerse is more than just a travel blog; it's a living map of your adventures. Designed for the modern traveler, it combines high-performance server-side rendering with a rich, interactive interface to make documenting journeys as beautiful as the trips themselves.
Document your travels with a full-featured TipTap-powered editor. Support for headings, lists, links, and embedded images ensures your stories look professional and engaging.
Visualize your global footprint with an integrated Leaflet.js map. Every story is tagged with a location, geocoded via Nominatim, and pinned on an interactive world map.
Don't have a photo? VoyageVerse uses the Pexels API to automatically suggest stunning travel photography based on your story's title and location.
A glassmorphic administrative dashboard powered by Recharts. Track user growth, story engagement, and manage content with a sleek, real-time interface.
Authentication handled by Auth.js v5 (NextAuth), supporting both secure Credentials (hashed with bcrypt) and seamless GitHub OAuth integration.
- Core: Next.js 15 (App Router), React 19
- Database: MongoDB Atlas with Mongoose ODM
- Auth: Auth.js v5 (NextAuth)
- Styling: Vanilla CSS (Modern CSS Variables & Glassmorphism)
- Map: Leaflet.js & OpenStreetMap
- Charts: Recharts
- APIs: Pexels API, Nominatim Geocoding
- Node.js 18.x or later
- MongoDB Atlas cluster
- Pexels API Key
- GitHub OAuth App (for social login)
-
Clone the repository
git clone https://github.com/AnkurRam2002/Voyage-Verse.git cd voyage-verse -
Install dependencies
npm install
-
Configure Environment Variables Create a
.envfile in the root directory:MONGO=your_mongodb_uri AUTH_SECRET=your_nextauth_secret GITHUB_ID=your_github_client_id GITHUB_SECRET=your_github_client_secret PEXELS_API_KEY=your_pexels_api_key NEXT_PUBLIC_PROD_URL=https://voyage-verse.vercel.app
-
Run development server
npm run dev