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.