Skip to content
Log InContact
Sign Up
← Back to Templates
Avatar of plasmicappplasmicapp/plasmic-next-auth-example

Plasmic NextAuth Starter

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

Deploy
View 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.

← Back to Templates
Contentful thumbnail for Plasmic next-auth app starter
Avatar of plasmicappplasmicapp/plasmic-next-auth-example

Plasmic NextAuth Starter

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

Deploy
View Demo

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.

Related Templates

Plasmic Split Content Starter Kit

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.

by Plasmic

Next.js with Checkly

Next.js with Checkly

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

by Checkly

Wix CMS: Next.js CMS starter

Wix CMS: Next.js CMS starter

Next.js template with create-next-app, using Wix Headless for managing content via Wix CMS

by Wix

Auth for subdomains

Auth for subdomains

Learn how to secure sub domains using Next.js and NextAuth.

by ▲ Vercel

Unleash New Possibilities

Deploy your app on Vercel and unlock its full potential