Code Monkey home page Code Monkey logo

nextjs-landing-starter's Introduction

โœจ 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

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!

nextjs-landing-starter's People

Contributors

ezhivitsa avatar iharkrasnik avatar mar1nka avatar anorsich avatar kborisevich avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.