Blogpedia is a community-driven platform for developers passionate about AI, Full Stack, and MERN technologies.
It empowers users to write, share, and engage with insightful content on modern web and AI trends.
- 📝 Write and publish technical blogs
- 🔍 Search and explore blogs on AI, MERN, and Full Stack topics
- 🔐 OAuth-based login using
next-auth - 👤 User dashboard to manage your blogs
- 🌐 Responsive design, mobile-first UX
| Technology | Description |
|---|---|
| Next.js | React framework for production-ready apps |
| React.js | Core library for UI components |
| MongoDB | NoSQL database for blogs and user data |
| NextAuth.js | Secure user authentication using OAuth |
| Tailwind CSS | (If used) Utility-first CSS framework |
.
├── .vscode # VS Code settings (optional)
├── app/ # Next.js App Router pages & routes
│ ├── api/ # API routes (e.g., for auth, blog endpoints)
│ ├── blog/[id]/ # Dynamic blog view page
│ ├── create-blog/ # Create blog form/page
│ ├── profile/ # User profile pages
│ ├── update-blog/ # Blog update/edit page
│ ├── layout.jsx # Global layout wrapper
│ ├── loading.jsx # Loading skeleton/page
│ ├── not-found.jsx # 404 not found page
│ └── page.jsx # Root landing page (Homepage)
│
├── components/ # Reusable UI components (Navbar, BlogCard, etc.)
├── models/ # MongoDB schemas/models (e.g., Blog, User)
├── public/ # Static files (images, icons, etc.)
├── styles/ # CSS/Tailwind/global styles
├── utils/ # Utility functions (e.g., formatters, helpers)
├── .gitignore # Git ignored files
└── README.md # Project documentationgit clone https://github.com/Sundareeshwaran/blogpedia.git
cd blogpedia
npm installCreate a .env.local file and add:
GOOGLE_ID=your_google_oauth_client_id
GOOGLE_SECRET=your_google_oauth_client_secret
MONGODB_URI=your_mongodb_connection_uri
NEXTAUTH_URL=http://localhost:3000
NEXTAUTH_URL_INTERNAL=http://localhost:3000
NEXTAUTH_SECRET=your_nextauth_secret_key
NEXT_PUBLIC_BASE_URL=http://localhost:3000
npm run devVisit: http://localhost:3000
🔗 https://blogpedia.vercel.app
- Fork the repo
- Create your branch (
git checkout -b feature/feature-name) - Commit your changes (
git commit -m 'Add feature') - Push to the branch (
git push origin feature/feature-name) - Open a Pull Request 🚀
Blogpedia is for developers, by developers.
Connect, share your knowledge, and grow together.
Have an idea? Open an issue or contribute directly!