#mongodb to vercel

1 messages · Page 1 of 1 (latest)

hasty oxide
#

how do i successfully connect mongodb to vercel?

simple ploverBOT
#

Hi @hasty oxide. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:

#

To connect MongoDB to Vercel, you can use the MongoDB Starter template, which is built on Next.js and MongoDB Atlas, and deployed on Vercel with the Vercel + MongoDB integration.

  1. First, visit the Vercel + MongoDB Integration (https://vercel.com/integrations/mongodbatlas) page and follow the instructions to set up the integration.

  2. Next, follow these deployment instructions:

#

a. Go to https://github.com/settings/developers and create a new OAuth application.

b. Name your application "MongoDB Starter".

c. Set the homepage URL to https://vercel.app for now (we'll change this later).

d. Set the authorization callback URL to https://vercel.app/api/auth/callback/github for now (we'll change this later).

e. Click "Register application".

f. Once the application is created, copy the "Client ID". This will be your GITHUB_CLIENT_ID.

g. Generate a new client secret and copy that too. This will be your GITHUB_CLIENT_SECRET.

h. Generate a random secret here (https://generate-secret.vercel.app/32). This will be your NEXTAUTH_SECRET.

i. Click on this button (https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fvercel%2Fmongodb-starter&project-name=mongodb-nextjs&repository-name=mongodb-nextjs&demo-title=MongoDB Developer Directory&demo-description=Log in with GitHub to create a directory of contacts.&demo-url=https%3A%2F%2Fmongodb.vercel.app%2F&demo-image=https%3A%2F%2Fmongodb.vercel.app%2Fog.png&integration-ids=oac_jnzmjqM10gllKmSrG0SGrHOH&env=GITHUB_CLIENT_ID,GITHUB_CLIENT_SECRET,NEXTAUTH_SECRET&envDescription=Instructions on how to configure these env vars:&envLink=https://github.com/vercel/mongodb-starter/blob/main/.env.example) to clone and deploy the template to Vercel.

You can view a demo of the MongoDB Starter template here (https://mongodb.vercel.app/).

Source: Vercel MongoDB Starter (https://vercel.com/templates/next.js/mongodb-starter)

Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:

New Project – Vercel
MongoDB Starter – Vercel

A developer directory built on Next.js and MongoDB Atlas.

#

@hasty oxide kapa.ai is still learning and improving, please let us how it did by reacting below

hasty oxide
#

@simple plover my code isnt adding to the db and there is no error

simple ploverBOT
#

Let me check the knowledge base for you again. One moment! :books:

#

Hmm, I don't know enough to give you a confident answer yet. To better assist you, I would need more information about your code, the database you are using, and the specific issue you are facing.

In the meantime, you can refer to the Next.js documentation and examples for guidance on connecting and working with databases:

If you can provide more details about your issue, I'll be happy to help you further.

Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:

Data Fetching: Overview | Next.js

Next.js allows you to fetch data in multiple ways, with pre-rendering, server-side rendering or static-site generation, and incremental static regeneration. Learn how to manage your application data in Next.js.

GitHub
next.js/examples at canary · vercel/next.js

The React Framework. Contribute to vercel/next.js development by creating an account on GitHub.