Join us for our Flexibility Friday Livestream on August 12th at 2pm Eastern

Simple and Powerful AuthBuilt for Gatsby

Magic links, social sign-in, multifactor, and more - added to your app in minutes.

Easy to use. Clerk's drop-in components make it straightforward to add authentication to your Gatsby site.

Sam Bhagwat
Sam Bhagwat
Cofounder at Gatsby

Speed and simplicity

Clerk and Gatsby are both dedicated to providing users with fast, secure and scalable solutions.

Lightning fast

Gatsby combines static-site generation, deferred static generation, and intelligent page rendering to selectively preload the content that matters - give you a blazing fast website that feels incredibly fast and performant.

Headless CMS

Gatsby is the fastest frontend framework for headless CMS's. Clerk makes the process of authenticating users to your content management system quick and painless.

speed

Get Started

Complete user management

Build an application with user management from the ground up, or integrate Clerk into an existing Gatsby app in minutes.

Documentation

Get started with Gatsby and Clerk. Our easy-to-follow documentation will get your application working with user management and authentication. Save development time with Clerk's comprehensive suite of tools.

Guide

Learn more about our integration with our step-by-step guide. Set up powerful user authentication in your Gatsby codebase quickly, so that you can focus on the things that make your application special.

Plugin

Our Gatsby plugin allows for drop-in Clerk integration for Gatsby sites. Check out gatsby-plugin-clerk for more information. We also created this simple Clerk + Gatsby starter repository so that you can start building your application even faster.

Radically Simple.

It only takes one line of code.

<SignIn />

Your sign-in flow is the only thing sitting between existing users and your application—it's absolutely critical that users can complete the process quickly.

import { SignIn } from '@clerk/clerk-react';
...
return (
<>
<BackgroundImage />
<SignIn />
</>
);
...
sign-in-full

<UserProfile />

A place for your users to change their password, turn on multifactor auth, revoke bad sessions, and more. Every app should offer the best security options, so every user can be safe.

import { UserProfile } from '@clerk/clerk-react';
...
return (
<>
<CustomHeader />
<UserProfile />
</>
);
...
user-profile-full

Immensely Powerful.

The features your users expect.

Magic links

Make passwords obsolete by sending your users magic links

Session management

Revocable and stateless, the best of both worlds.

Multifactor authentication

Secure your users with multiple steps during sign in.

Social sign-in

Let your users sign in with Google, Facebook, and more

Multi-session management

Allow your users to sign in to multiple accounts at once.

New device notifications

Proactively notify users when a new device signs in. Let's your users protect themself.

Password leak protection

Proactively protects your users against passwords that appear in leaks.

Advanced security

Clerk detects and blocks phishy sign ins out of the box.

Ready to see what Clerk can do?

Start completely free for up to 500 monthly active users.
No credit card required.

Start building

Pricing

Learn more about our transparent per-user costs to estimate how much your company could save by implementing Clerk.