Starter

MongoDB Starter

Type: Code

Framework: Next.js

CSS: Tailwind

Database: MongoDB

Overview: A developer directory platform utilizing Next.js and MongoDB Atlas, featuring seamless deployment on Vercel through the Vercel + MongoDB integration.
Recognition: Highlighted during the MongoDB World keynote presentation.
Deployment Instructions:
- GitHub OAuth App: Necessary for the starter’s functionality. Steps include creating a new OAuth app in GitHub settings, naming it “MongoDB Starter”, setting temporary URLs for the homepage and authorization callback, and registering the application.
- Credentials: Important to copy the generated “Client ID” as GITHUB_CLIENT_ID, create and copy a new client secret as GITHUB_CLIENT_SECRET, and generate a NEXTAUTH_SECRET.
- Finalization: Post-deployment, update the GitHub OAuth App with the actual deployment URL for both homepage and callback.
Demo Link: A live demo is available at https://mongodb.vercel.app.
Integration Details: Learn more about the Vercel + MongoDB integration at https://vercel.com/integrations/mongodbatlas.
Tech Stack: Built with Next.js, styled using Tailwind CSS, authenticated through NextAuth.js, and data managed with MongoDB Atlas, all hosted on Vercel.