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. Usin...
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
Section titled “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
Section titled “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
Section titled “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
Need help?
Section titled “Need help?”Join our Discord Server to ask questions or see what others are doing with Neon. For paid plan support options, see Support.