Skip to content

paralect/nextjs-landing-starter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

โœจ Next.JS Landing Starter โœจ

Stack

All Contributors license PRs Welcome Build Status David Dependancy Status

Watch on GitHub Star on GitHub Follow Tweet

Next.JS Landing Starter โ€” is a Next.JS starter kit, which allow you start development of new landing site in matter of minutes. This repository is one of the compontents of Stack family โ€” a set of components for makers to ship better products faster ๐Ÿš€. Stack is an number of open-source components, resulted from years of hard work on a number of awesome products. We carefully select, document and share our production-ready knowledge with you.

Features

  • ๐Ÿ˜ Nice-looking common basic 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
  • โšก๏ธ Server side rendering
  • ๐Ÿ‘ฎ Secure โ€” separate client and server configuration to protect secure server-only items
  • ๐Ÿ› ๏ธ Support of *.pcss - We use .pcss files for styles. But as long as .pcss files are not supported by @zeit/next-css we use a workaround

Getting Started

Just fork or clone and push repository into your own repo. Rename SHIP_README.md into README.md. To keep your repository clean remove CHANGELOG.md, CODE_OF_CONDUCT.md, CONTRIBUTING.md, LICENSE and .drone.yml.

You can read develoment details here โ€” that will become a primary readme of your landing site.

Google Analytics

Take tracking Id from Google Analytics and paste in /src/server/config/environment/development.js

gaTrackingId: 'UA-XXXXX-Y'

Start

In order to start nextjs server in the docker container you can use bash file ./bin/start.sh:

$ ./bin/start.sh

Also, you need REST api server on several pages (sigun, signin). If you are using paralect/koa-api-starter then you can start this server using the corresponding command. Or you can start any other REST api server on port 3001.

Demo

Demo is available as part of Ship here.

Why Next.JS?

Server-side rendering (SSR) a.k.a. universal app

SSR is the requirement for the modern landing websites which allows the indexing of single-page applications for search engines such as google. Which means you can continue to have fun with your favorite UI library while having your awesome stuff seen in the web for everyone.

Bundled react.js + webpack.

Even though landing websites are often considered to consist of mostly static pages which do not require a tone of javascript code, we believe that having the same library across all your ecosystem leads to predictable, clean, reusable and extendable code.
Because the basic handling of the form input with raw JS code is not a very pleasant thing, don't you remember?

Prepared app structure with clearly defined conventions

Next.js is built to simplify the life of developers and remove boilerplate code while giving the power of the latest technologies so it fully correlates with our goals.

Community driven and widely popular framework

Next.js is the most popular SSR framework for react with constant updates and improvements and big number of contributors. Two heads are better than one, 20k is even better.

Change Log

This project adheres to Semantic Versioning. Every release is documented on the Github Releases page.

License

Next.JS Landing Starter is released under the MIT License.

Contributing

Please read CONTRIBUTING.md for details on our code of conduct, and the process for submitting pull requests to us.

Contributors

Thanks goes to these wonderful people (emoji key):

Ihar
Ihar

๐Ÿ’ป ๐ŸŽจ ๐Ÿ“– ๐Ÿค” ๐Ÿ‘€
Evgeny Zhivitsa
Evgeny Zhivitsa

๐Ÿ’ป ๐ŸŽจ ๐Ÿ‘€
Mar1nka
Mar1nka

๐Ÿ’ป ๐Ÿค”

This project follows the all-contributors specification. Contributions of any kind welcome!