Connect a React application to Neon

React by Facebook is an open-source front-end JavaScript library for building user interfaces based on components.

Lakebase Postgres should be accessed from the server side in React applications. Using the following React meta-frameworks, you can easily configure a server-side connection to a Lakebase Postgres database.

React Meta-Frameworks

Find detailed instructions for connecting to Neon from various React meta-frameworks.

• 

  TanStack Start

  Connect a TanStack Start application to Neon

• 

  Next.js

  Connect a Next.js application to Neon

• 

  Remix

  Connect a Remix application to Neon

• 

  Sveltekit

  Connect a Sveltekit application to Neon

Managed Better Auth

After you connect your database, add managed authentication with Managed Better Auth. Quick starts are available for supported React meta-frameworks:

• 

  Next.js

  Set up Managed Better Auth with Next.js

• 

  TanStack Router

  Set up Managed Better Auth with TanStack Router

For React Router, follow the React Auth quick start.

Next steps

• Add Object Storage: S3-compatible file storage that branches with your database
• Deploy a Function: Run backend compute next to your database, no separate hosting needed
• Call an LLM with AI Gateway: Access foundation models from Anthropic, OpenAI, Google, and more with one credential