Skip to content
Back to Templates

Plasmic NextAuth Starter

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

DeployView Demo
Contentful thumbnail for Plasmic next-auth app starter

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:

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
AuthenticationStarter
Stack
Next.jsCSS 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

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

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