Skip to content
VercelLogotypeVercelLogotype
LoginSign Up

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
Ownerplasmicapp
Repositoryplasmic-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

Agent Stack

  • AI SDK
  • AI Gateway
  • Sandbox
  • Workflows
  • EveNew
  • ConnectNew

Core Platform

  • CI/CD
  • Content Delivery
  • Fluid Compute
  • Observability

Security

  • Platform Security
  • WAF
  • Bot Management
  • Bot ID

Tools

  • Vercel DropNew
  • Vercel Agent
  • Vercel PluginNew
  • Next.js
  • Domains
  • v0

Frameworks

  • Nuxt
  • SvelteKit
  • Nitro
  • Turborepo
  • Tanstack Start
  • FastAPI
  • xmcp
  • All frameworks

SDKs

  • Vercel SDK
  • Workflow SDKNew
  • Flags SDK
  • Chat SDKNew
  • Queues SDKNew
  • Streamdown

Build

  • AI Apps
  • Web Apps
  • Marketing Sites
  • Platforms
  • Commerce
  • Platform Engineers
  • Design Engineers

Learn

  • Docs
  • Blog
  • Changelog
  • Knowledge Base
  • Academy
  • Articles
  • Community

Explore

  • Customers
  • Marketplace
  • Templates
  • Partner Finder
  • Vercel + AWS

Company

  • About
  • Careers
  • Press
  • Events
  • Startups
  • Shipped on Vercel
  • Open Source Program
  • Enterprise
  • Pricing
  • Help

Legal & Trust

  • Privacy Policy
  • Terms of Service
  • Cookie Policy
  • DPA
  • Acceptable Use Policy
  • Legal (all documents)
  • Trust Center
  • Status

Social

  • GitHub
  • X
  • LinkedIn
  • YouTube
  • Instagram
  • VercelVercel
Agent Stack
  • AI SDK
  • AI Gateway
  • Sandbox
  • Workflows
  • Eve
Core Platform
  • Security
  • Content Delivery
  • Fluid Compute
  • Observability
  • CI/CD
Tools
  • Next.js
  • Vercel Agent
  • Vercel Plugin
  • Domains
  • v0
Learn
  • Docs
  • About
  • Blog
  • Changelog
  • Knowledge Base
Build
  • AI Apps
  • Web Apps
  • Marketing Sites
  • Platforms
  • Commerce
Explore
  • Customers
  • Marketplace
  • Partner Finder
  • AWS
  • Community
EnterprisePricing
Contact
Log InSign Up
Dashboard

Products

Agent Stack

  • AI SDK
  • AI Gateway
  • Sandbox
  • Workflows
  • Eve

Core Platform

  • Security
  • Content Delivery
  • Fluid Compute
  • Observability
  • CI/CD

Tools

  • Next.js
  • Vercel Agent
  • Vercel Plugin
  • Domains
  • v0
Resources

Learn

  • Docs
  • About
  • Blog
  • Changelog
  • Knowledge Base

Build

  • AI Apps
  • Web Apps
  • Marketing Sites
  • Platforms
  • Commerce

Explore

  • Customers
  • Marketplace
  • Partner Finder
  • AWS
  • Community
Enterprise
Pricing
Sign UpLog In
Contact
DeployView Demo

Loading status…

Select a display theme: