Bootspring
HomeGet Started

Clerk Authentication

Complete authentication solution using Clerk with pre-built UI components, middleware protection, and database synchronization for Next.js applications.

What's Included#

  • Server-side auth checks using Clerk's auth() and currentUser() helpers
  • Protected layout pattern with redirect to sign-in
  • Database user synchronization via Clerk ID (upsert on access)
  • Client-side auth hook wrapping Clerk's useUser
  • Middleware configuration with createRouteMatcher for protected and public routes
  • Server action and server component auth patterns

Usage#

Via CLI#

Loading code block...

Via AI Assistant#

Ask your AI assistant:

  • "Use the Clerk authentication pattern from Bootspring"
  • "Apply the Bootspring Clerk pattern to my project"

Key Considerations#

  • Always sync Clerk users with your database to store application-specific data
  • Use middleware with createRouteMatcher for centralized route protection
  • Handle loading states in client components while Clerk initializes
  • Set up webhooks for user.created, user.updated, and user.deleted events
  • Prefer server-side auth checks (auth(), currentUser()) over client-side when possible

Related Patterns#