Connect a React application to Neon

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

Neon 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 Neon 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

Neon Auth

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

• 

  Next.js

  Set up Neon Auth with Next.js

• 

  TanStack Router

  Set up Neon Auth with TanStack Router

For React Router, follow the React Auth quick start.