clerk-setup

Configure Clerk authentication with SDK, middleware, and environment variables.

7|3|Updated Aug 14, 2025
One-click install
npx skills add https://github.com/cheesejaguar/sopher.ai --skill clerk-setup-cheesejaguar
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: clerk-setup
Source: https://github.com/cheesejaguar/sopher.ai/tree/main/.agents/skills/clerk-setup
Command: npx skills add https://github.com/cheesejaguar/sopher.ai --skill clerk-setup-cheesejaguar

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill simplifies adding Clerk authentication to a project by selecting the correct SDK, following the official framework quickstart, configuring environment variables, and establishing protected access patterns.

Core Features & Use Cases

  • Framework-Aware Setup: Configures Clerk for Next.js, React, Express, Astro, Vue, Nuxt, React Router, TanStack Start, Expo, and other supported platforms.
  • CLI-First Provisioning: Uses Clerk CLI workflows to create or link applications, pull environment keys, diagnose integrations, and rotate secret keys.
  • Authentication Migration: Provides planning guidance for migrating from providers such as NextAuth, Supabase Auth, Firebase, Auth0, Cognito, Passport, or custom sessions.
  • Use Case: Set up Clerk in a Next.js App Router application, protect routes with middleware, configure ClerkProvider, and identify the required development keys.

Quick Start

Use the clerk-setup skill to add Clerk authentication to my project using the framework-specific official quickstart and configure the required environment variables.

Frequently Asked Questions about clerk-setup

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add Clerk authentication to my Next.js App Router project?

Clerk authentication setup for Next.js App Router involves configuring the ClerkProvider, establishing protected routes with middleware, and identifying the required development environment keys by following the official framework quickstart.

Does Clerk authentication work with Express, Vue, and Expo frameworks?

Yes, Clerk authentication works with Express, Vue, Expo, and other supported platforms. This Skill provides framework-aware setup by selecting the correct SDK and configuring the appropriate environment variables across supported web and mobile frameworks.

Can I migrate from NextAuth or Firebase to Clerk authentication?

Yes, you can migrate from NextAuth, Firebase, Supabase Auth, Auth0, Cognito, Passport, or custom sessions to Clerk. This Skill provides planning guidance for authentication migration alongside the standard Clerk setup process.

How do I configure protected routes and middleware with Clerk?

Configuring protected routes with Clerk involves setting up middleware that checks authentication state before rendering or API access. This Skill establishes protected access patterns and configures the required middleware based on official quickstart guidance.

What are the requirements for setting up Clerk authentication?

Setting up Clerk authentication requires framework-specific Clerk packages, valid Clerk publishable and secret keys where applicable, and Node.js 20.9.0 or higher. The setup also uses Clerk CLI workflows to create or link applications and pull environment keys.

Why do I need Clerk publishable and secret keys for my application?

Clerk publishable and secret keys are required to authenticate your application with Clerk's backend services. This Skill uses CLI-first provisioning to pull these environment variables and diagnose integrations or rotate secret keys as needed.