# neon-js-react

> Claude/Codex skill by [@neondatabase](https://omgskills.com/library/neondatabase/index.md) · 18 stars · Updated 2026-10-15

Sets up the full Neon SDK with authentication AND database queries in React apps (Vite, CRA). Creates typed client, generates database types, and configures auth UI. Use for auth + database integration.

## Install

```sh
git clone https://github.com/neondatabase/neon-js /tmp/neon-js && ln -s /tmp/neon-js/skills/neon-js-react ~/.claude/skills/neon-js-react
```

## From README

Neon JS for React Help developers set up @neondatabase/neon-js with authentication AND database queries in React applications (Vite, CRA, etc.). When to Use Use this skill when: Setting up Neon Auth + Database in a React app (Vite, CRA, etc.) User needs both authentication AND database queries User mentions "neon-js", "neon auth + database", or "full neon SDK" User is NOT using Next.js (for Next.js, use neon-auth-nextjs as a starting point and add Data API configuration, or see examples/nextjs-neon-auth/) Critical Rules Adapter Factory Pattern: Always call adapters with () React Adapter Import: NOT exported from main - use subpath Type Safety: Always use Database generic for type-safe queries CSS Import: Choose ONE - either /ui/css OR /ui/tailwind, never both --- Generate Database Types CLI Options: Create Client (src/client.ts) Create Provider (src/providers.tsx) Wrap App (src/main.tsx) Environment Variables (.env.local) --- CSS & Styling Import Options Without Tailwind (pre-built...

## Links

- HTML page: https://omgskills.com/skills/neondatabase/neon-js/neon-js-react/
- GitHub: https://github.com/neondatabase/neon-js
- Author: [@neondatabase](https://omgskills.com/library/neondatabase/index.md)

## More from this repo

- [neon-auth-nextjs](https://omgskills.com/skills/neondatabase/neon-js/neon-auth-nextjs/index.md) — Sets up Neon Auth in Next.js App Router applications.
   - [@neondatabase](https://omgskills.com/library/neondatabase/index.md) · 18 stars
- [neon-auth-react](https://omgskills.com/skills/neondatabase/neon-js/neon-auth-react/index.md) — Sets up Neon Auth in React applications (Vite, CRA).
   - [@neondatabase](https://omgskills.com/library/neondatabase/index.md) · 18 stars

## More skills by this author

- [claimable-postgres](https://omgskills.com/skills/neondatabase/mcp-server-neon/claimable-postgres/index.md) — Provision instant temporary Postgres databases via Claimable Postgres by Neon (neon.new) with no login, signup, or...
   - [@neondatabase](https://omgskills.com/library/neondatabase/index.md) · 654 stars