New Project

Plasmic NextAuth Starter

A Plasmic-based Next.js template that integrates with Auth.js to enable authentication using Google.

DeployView Demo
This is an auto-uploaded thumbnail from https://vercel.com/templates/submit.

Plasmic example: authentication using next-auth

This is a demo of how you can connect Plasmic with next-auth (recently renamed to auth.js) to implement authentication.

Demo link - https://plasmic-next-auth-example.vercel.app/

Project - https://studio.plasmic.app/projects/21yfH8a5FQ3G5YYAEZCSx

Getting Started

  1. Hit the Deploy with Vercel, that should create a separate repo for you

  2. Configure the plasmic-init to use use project id and public api token

  3. Run npx auth secret to generate a secret for next-auth

  4. Get the API keys from google to setup the Google OAuth.

  5. Run yarn to install dependencies

  6. Run the development server: yarn dev

  7. Open your browser to see the result at http://localhost:3000

Learn More

With Plasmic, you can enable non-developers on your team to publish pages and content into your website or app.

To learn more about Plasmic, take a look at the following resources:

  • Plasmic Website
  • Plasmic Documentation
  • Plasmic Community Forum

You can check out the Plasmic GitHub repository - your feedback and contributions are welcome!

Note: This Next.js project was bootstrapped with create-plasmic-app.

GitHub Repoplasmicapp/plasmic-next-auth-example
Use Cases
Authentication
Starter
Stack
Next.js
CSS Modules
Auth
NextAuth.js

Related Templates

Plasmic Split Content Starter Kit

A Plasmic-based Next.js template which allows you to create landing pages and websites with support for A/B Testing and user segmenting.
Plasmic Split Content Starter Kit thumbnail

Next.js with Checkly

A lightweight Next.js × Checkly CLI setup to get you started with unified testing, monitoring, and observability.
Next.js with Checkly thumbnail

Wix CMS: Next.js CMS starter

Next.js template with create-next-app, using Wix Headless for managing content via Wix CMS
Wix CMS: Next.js CMS starter thumbnail
DeployView Demo