React Templates & Themes Logo React Templates & Themes
Next Netlify Starter screenshot

Next Netlify Starter

Author Avatar Theme by Cassidoo
Updated: 30 Nov 2021
408 Stars

A one-click starter project for Next and Netlify, moved to https://github.com/netlify-templates/next-netlify-starter

Github Live Preview

Categories

Nextjs

Overview

This project is a Next.js v12 starter template developed with the goal of being easily deployable to Netlify. It includes essential features such as Preview Mode, server-side rendering/incremental static regeneration via Netlify Functions, and internationalized routing.

Features

  • Next.js v12: The project is built using the Next.js version 12 framework.
  • Easy Deployment: The template is preconfigured to be instantly deployed to Netlify.
  • Sample Components: It includes two sample components to help the development process.
  • Global Stylesheet: A global stylesheet is included in the project for consistent styling.
  • Deployment Configuration: The project includes a netlify.toml file that provides deployment configuration.
  • Absolute Imports and Aliases: The template includes a jsconfig.json file for setting up absolute imports and aliases.
  • Next.js Build Plugin: The template comes with the Essential Next.js Build Plugin, enabling advanced features like Preview Mode, server-side rendering, and incremental static regeneration via Netlify Functions.
  • Internationalized Routing: The project supports internationalized routing for multi-language websites.

Installation

  1. Clone the repository from the latest repo.
  2. Install the dependencies by running the following command:
    npm install
  3. Start the development server with the following command:
    npm run dev
  4. Visit http://localhost:3000 in your browser to see the project running locally.

Summary

The Next.js v12 project starter provided in this repository is designed to streamline the development and deployment process on Netlify. It offers essential features, such as Preview Mode and internationalized routing, and comes with sample components and a global stylesheet. Additionally, the template includes configuration files for deployment and absolute imports/aliases to enhance the development experience.