---
title: Connect a React application to Neon
subtitle: Set up a Neon project in seconds and connect from a React application
summary: >-
  Step-by-step guide for connecting a React application to a Neon Postgres
  database using various React meta-frameworks, ensuring proper server-side
  access.
enableTableOfContents: true
updatedOn: '2026-02-06T22:07:33.036Z'
---

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.

<TechCards>

<a href="/docs/guides/tanstack-start" title="TanStack Start" description="Connect a TanStack Start application to Neon" icon="tanstack"></a>

<a href="/docs/guides/nextjs" title="Next.js" description="Connect a Next.js application to Neon" icon="next-js"></a>

<a href="/docs/guides/remix" title="Remix" description="Connect a Remix application to Neon" icon="remix"></a>

<a href="/docs/guides/sveltekit" title="Sveltekit" description="Connect a Sveltekit application to Neon" icon="svelte"></a>

</TechCards>

<NeedHelp/>
