https://github.com/clerk/clerk-nextjs-examples

Official Clerk.dev Next.js examples repository. See how you can build all kinds of forms using Clerk!
https://github.com/clerk/clerk-nextjs-examples

authentication clerk nextjs react

Last synced: 3 months ago
JSON representation

Official Clerk.dev Next.js examples repository. See how you can build all kinds of forms using Clerk!

• Host: GitHub
• URL: https://github.com/clerk/clerk-nextjs-examples
• Owner: clerk
• License: mit
• Archived: true
• Created: 2021-09-03T09:33:52.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2022-07-12T08:28:31.000Z (over 2 years ago)
• Last Synced: 2024-04-06T17:34:46.940Z (7 months ago)
• Topics: authentication, clerk, nextjs, react
• Homepage: https://nextjs.mirage.clerk.app
• Size: 162 MB
• Stars: 74
• Watchers: 2
• Forks: 17
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  

    

  

  




# Clerk Next.js Examples



[![Chat on Discord](https://img.shields.io/discord/856971667393609759.svg?logo=discord)](https://discord.com/invite/b5rXHjAg7A)

[![Clerk documentation](https://img.shields.io/badge/documentation-clerk-green.svg)](https://clerk.dev/docs?utm_source=github&utm_medium=clerk_nextjs_examples)

[![Follow on Twitter](https://img.shields.io/twitter/follow/ClerkDev?style=social)](https://twitter.com/intent/follow?screen_name=ClerkDev)



---

### Clerk is Hiring!

Would you like to work on Open Source software and help maintain this repository? Apply today https://apply.workable.com/clerk-dev/.

---

This repository holds sample code for different types of authentication flows you might need for your Next.js application. All built using [Clerk](https://clerk.dev?utm_source=github&utm_medium=starters&utm_campaign=nextjs-examples)!

### 1. Acme

Custom sign up screen using the ClerkJS Components.

[Live demo](https://nextjs.acme.clerk.app/)



### 2. Oasis

Custom multi-step authentication form using Clerk hooks.

[Live demo](https://nextjs.oasis.clerk.app/)



### 3. Simple

The simplest setup with standard authentication capabilities.

[Live demo](https://nextjs.simple.clerk.app/)



    

### 4. Widget

Collect custom user data during sign up using Clerk hooks.

[Live demo](https://nextjs.widget.clerk.app/)



## Sign up for Clerk

To sign up, go to [https://clerk.dev](https://clerk.dev?utm_source=github&utm_medium=starters&utm_campaign=nextjs-examples), create your account and start building your user authentication!

## Having trouble ?

If you find any bug, something is not working as expected or you would like to see if we can support your use case, you can reach out to any of our [support channels](https://clerk.dev/support?utm_source=github&utm_medium=starters&utm_campaign=nextjs-examples), or just open a new issue!