Community코딩 & 개발github.com

sickn33/nextjs-supabase-auth

Next.js App Router와 Supabase Auth를 전문적으로 통합합니다.

nextjs-supabase-auth란 무엇인가요?

이 스킬은 Next.js App Router 환경에서 Supabase Auth를 효과적으로 통합하고 활용하는 방법을 제공합니다. Supabase는 오픈소스 Firebase 대안으로, 인증, 데이터베이스, 실시간 기능을 포함한 백엔드 서비스를 제공합니다. 이 스킬은 특히 Next.js 13 이상의 App Router 패러다임에 최적화된 인증 흐름 구현을 돕습니다. 사용자는 서버 컴포넌트, 클라이언트 컴포넌트, 미들웨어, API 라우트 등 Next.js의 다양한 레이어에서 Supabase Auth를 안전하게 사용할 수 있습니다. 주요 기능으로는 로그인/회원가입 폼, 세션 관리, 보호된 라우트 처리, OAuth 및 매직 링크 인증 등이 포함됩니다. 이 스킬은 `@supabase/supabase-js` 및 `@supabase/ssr` 패키지를 활용하여 서버사이드 렌더링과 정적 생성 환경에서도 인증 상태를 일관되게 유지할 수 있도록 설계되었습니다. 개발자는 복잡한 인증 로직을 직접 구현할 필요 없이, 이 스킬이 제공하는 패턴과 헬퍼 함수를 사용하여 빠르고 안전하게 Supabase Auth를 Next.js 프로젝트에 통합할 수 있습니다.

지원 대상~Claude Code~Codex CLI~Cursor
Part ofNext.js
npx skills add https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/nextjs-supabase-auth

Installed? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

nextjs-supabase-auth은(는) 무엇을 하나요?

Next.js App Router와 Supabase Auth를 전문적으로 통합합니다.

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

sickn33/3d-web-experience

Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes. Covers product configurators, 3D portfolios, immersive websites, and bringing depth to web experiences.

sickn33/agent-memory-mcp

A hybrid memory system that provides persistent, searchable knowledge management for AI agents (Architecture, Patterns, Decisions).

sickn33/agent-memory-systems

Memory is the cornerstone of intelligent agents. Without it, every interaction starts from zero. This skill covers the architecture of agent memory: short-term (context window), long-term (vector stores), and the cognitive architectures that organize them.

sickn33/ai-agents-architect

Expert in designing and building autonomous AI agents. Masters tool use, memory systems, planning strategies, and multi-agent orchestration.

sickn33/api-documentation-generator

Generate comprehensive, developer-friendly API documentation from code, including endpoints, parameters, examples, and best practices

sickn33/api-patterns

API design principles and decision-making. REST vs GraphQL vs tRPC selection, response formats, versioning, pagination.

sickn33/api-security-best-practices

Implement secure API design patterns including authentication, authorization, input validation, rate limiting, and protection against common API vulnerabilities

sickn33/app-store-optimization

Complete App Store Optimization (ASO) toolkit for researching, optimizing, and tracking mobile app performance on Apple App Store and Google Play Store

sickn33/architecture

Architectural decision-making framework. Requirements analysis, trade-off evaluation, ADR documentation. Use when making architecture decisions or analyzing system design.

sickn33/audio-transcriber

Transform audio recordings into professional Markdown documentation with intelligent summaries using LLM integration

sickn33/aws-serverless

Specialized skill for building production-ready serverless applications on AWS. Covers Lambda functions, API Gateway, DynamoDB, SQS/SNS event-driven patterns, SAM/CDK deployment, and cold start optimization.

sickn33/backend-architect

Expert backend architect specializing in scalable API design, microservices architecture, and distributed systems.

sickn33/backend-dev-guidelines

You are a senior backend engineer operating production-grade services under strict architectural and reliability constraints. Use when routes, controllers, services, repositories, express middleware, or prisma database access.

sickn33/bash-linux

Bash/Linux terminal patterns. Critical commands, piping, error handling, scripting. Use when working on macOS or Linux systems.

sickn33/bash-scripting

Bash scripting workflow for creating production-ready shell scripts with defensive patterns, error handling, and testing.

sickn33/brainstorming

Use before creative or constructive work (features, architecture, behavior). Transforms vague ideas into validated designs through disciplined reasoning and collaboration.

sickn33/browser-automation

Browser automation powers web testing, scraping, and AI agent interactions. The difference between a flaky script and a reliable system comes down to understanding selectors, waiting strategies, and anti-detection patterns.

sickn33/browser-extension-builder

Expert in building browser extensions that solve real problems - Chrome, Firefox, and cross-browser extensions. Covers extension architecture, manifest v3, content scripts, popup UIs, monetization strategies, and Chrome Web Store publishing.

sickn33/bullmq-specialist

BullMQ expert for Redis-backed job queues, background processing, and reliable async execution in Node.js/TypeScript applications.

sickn33/bun-development

Fast, modern JavaScript/TypeScript development with the Bun runtime, inspired by [oven-sh/bun](https://github.com/oven-sh/bun).

관련 스킬