React Templates & Themes Logo React Templates & Themes
Sanity Template Nextjs Landing Pages screenshot

Sanity Template Nextjs Landing Pages

Author Avatar Theme by Sanity io
Updated: 9 Nov 2022
158 Stars

A Sanity powered landing page builder in Next.js for https://sanity.io/create

Github Live Preview

Categories

Nextjs

Overview

The Next.js landing pages template is a SEO friendly page builder built in React.js. It includes features such as heroes, sign-up forms, and calls to action. The template includes both a Sanity Studio and a front-end in Next.js, both of which can be deployed on Vercel.

Features

  • SEO friendly page builder in React.js
  • Heroes, sign-up forms, and calls to action
  • Sanity Studio for structured content management
  • Front-end built with Next.js
  • Global deployment on Vercel
  • Automatic deployment of changes to Vercel from GitHub

Installation

To install the Next.js landing pages template, follow these steps:

  1. Clone or download the template from the GitHub repository.
  2. Create a .env file and add the following environment variables:
    • NEXT_PUBLIC_SANITY_PROJECT_ID - alphanumeric 8-character string displayed in the Sanity.io dashboard
    • NEXT_PUBLIC_SANITY_DATASET - name of the dataset to use (e.g., “production”)
  3. Run the following commands to start Next.js development server:
    npm install
npm run dev
  4. The landing page will be accessible at http://localhost:3000 and the Sanity Studio will be accessible at http://localhost:3333.

Summary

The Next.js landing pages template is a powerful solution for building SEO friendly landing pages in React.js. It includes a page builder, heroes, sign-up forms, and calls to action. With the Sanity Studio, managing structured content becomes easy, and the integration with Next.js allows for quick deployment on Vercel.