markdown-body entry-content container-lg" itemprop="text">

Client-side auth with Clerk

The site shows the simplest form of client-side authentication using Clerk's JavaScript SDK. It allows users to sign up, log in, and log out.

When authenticated, the user's email address is displayed on the page and the sign in button is replaced with a sign out button.

Speedily deploy your own version

Deploy your own version of this example site, by clicking the Deploy to Netlify Button below. This will automatically:

Clone a copy of this example from the examples repo to your own GitHub account
Create a new project in your Netlify account, linked to your new repo
Create an automated deployment pipeline to watch for changes on your repo
Build and deploy your new site

Install and run locally

You can clone this entire examples repo to explore this and other examples, and to run them locally.

Clone the project

Begin by cloning the examples repository to your local development environment:

git clone git@github.com:netlify/examples

Install the Netlify CLI to let you locally serve your site using Netlify's features

npm i -g netlify-cli

Move into the project directory for this example to continue.

cd examples/auth/clerk-js

Setup Clerk account

You will need a Clerk account and application to use this example. Visit clerk.com to sign up and create an application.

Then follow the steps on the JavaScript Quickstart guide to get the script tag to include in the index.html file, replacing the code below.

<!-- TODO: Set the publishable key and script `src` for your Clerk account -->
<script
  async
  crossorigin="anonymous"
  data-clerk-publishable-key="<!-- TODO -->"
  src="<!-- TODO -->"
  type="text/javascript"
></script>

Start development server

Now you're ready to start the development server. Run the following command from the project directory.

netlify dev

This will open the browser to http://localhost:8888 with your local development server running.

티스토리 수익 글 보기

티스토리 수익 글 보기