Nextjs Templates & Themes Logo Nextjs Templates & Themes
Nextjs Landing Starter screenshot

Nextjs Landing Starter

Author Avatar Theme by Paralect
Updated: 10 Dec 2019
59 Stars

Build your landing site based on Next.JS in minutes

Github Live Preview

Categories

React

Overview

The Next.JS Landing Starter is a Next.JS starter kit that allows developers to quickly start developing a new landing site. It is one of the components of the Stack family, a set of components designed to help makers ship better products faster. The Next.JS Landing Starter provides nice-looking basic templates for the main, login, and signup pages, with API bindings. It also supports hot reloading with webpack, server-side rendering, and separate client and server configurations for security.

Features

  • Nice-looking common basic templates: Provides templates for the main, login, and signup pages with bindings to API. Styles are based on PostCSS with cssnext + LostGrid via css modules.
  • Hot reloading with webpack: Allows for quick and easy development with automatic reloading of changes.
  • Server-side rendering: Supports server-side rendering, which is essential for modern landing websites to be indexed by search engines.
  • Secure: Has separate client and server configurations to protect secure server-only items.
  • *Support of .pcss: Supports the use of .pcss files for styles, although a workaround is currently needed due to limitations of @zeit/next-css.

Installation

To install the Next.JS Landing Starter, follow these steps:

  1. Fork or clone the repository and push it into your own repo.
  2. Rename SHIP_README.md to README.md.
  3. Optionally, remove the following files to keep your repository clean: CHANGELOG.md, CODE_OF_CONDUCT.md, CONTRIBUTING.md, LICENSE, and .drone.yml.

To start the Next.JS server in a Docker container, use the following bash file:

./bin/start.sh

You will also need a REST API server on several pages (signup and signin). If you are using paralect/koa-api-starter, you can start this server using the corresponding command. Otherwise, you can start any other REST API server on port 3001.

Summary

The Next.JS Landing Starter is a Next.JS starter kit designed to help developers quickly develop new landing sites. With its built-in templates, hot reloading, server-side rendering, and secure configurations, it provides a solid foundation for building modern and efficient landing pages. The use of Next.JS simplifies the development process and allows for easy integration with popular technologies.