# neon-auth-nextjs

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

Sets up Neon Auth in Next.js App Router applications. Configures API routes, middleware, server components, and UI. Use when adding auth-only to Next.js apps (no database needed).

## Install

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

## From README

Neon Auth for Next.js Help developers set up @neondatabase/auth in Next.js App Router applications (auth only, no database). When to Use Use this skill when: Setting up Neon Auth in Next.js (App Router) User mentions "next.js", "next", or "app router" with Neon Auth Auth-only (no database needed) Critical Rules Server vs Client imports: Use correct import paths 'use client' directive: Required for client components using hooks CSS Import: Choose ONE - either /ui/css OR /ui/tailwind, never both onSessionChange: Always call router.refresh() to update Server Components Critical Imports | Purpose | Import From | |---------|-------------| | Unified Server (createNeonAuth) | @neondatabase/auth/next/server | | Client Auth | @neondatabase/auth/next | | UI Components | @neondatabase/auth/react/ui | | View Paths (static params) | @neondatabase/auth/react/ui/server | Note: Use createNeonAuth() from @neondatabase/auth/next/server to get a unified auth instance that provides: .handler() - API...

## Links

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

## More from this repo

- [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
- [neon-js-react](https://omgskills.com/skills/neondatabase/neon-js/neon-js-react/index.md) — Sets up the full Neon SDK with authentication AND database queries in React apps (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