✨ Next.JS Landing Starter ✨
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
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?
universal app
Server-side rendering (SSR) a.k.a.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 | Evgeny Zhivitsa | Mar1nka |
This project follows the all-contributors specification. Contributions of any kind welcome!