PetrNikolas/nextify


Smart and simple Next.js starter kit for complex apps based on React with Reason/ReasonReact support!

  • Users starred: 7
  • Users forked: 0
  • Users watching: 7
  • Updated at: 2020-04-17 15:53:38

Nextify

Smart and simple Next.js starter kit for complex apps based on React with Reason/ReasonReact support!

Main libs

  • Next.js
  • React
  • Reason/ReasonReact
  • Ant Design
  • Storybook
  • Prettier & ESlint
  • Babel
  • LESS, PostCSS
  • Jest & Enzyme
  • SEO & analytics

Get started

yarn install

Development build

# Development build with hot reloading
yarn dev

Production build

Serve with server

# Build app for production
yarn build

Export static HTML

# Export static html to the out folder
yarn export

Tests

# Tests with Jest and Enzyme
yarn test
yarn test:watch
yarn test:coverage

With Docker

How to use

Using create-next-app

Execute create-next-app with Yarn or npx to bootstrap the example:

npx create-next-app --example with-docker with-docker-app
# or
yarn create next-app --example with-docker with-docker-app

Download manually

Download the example:

curl https://codeload.github.com/zeit/next.js/tar.gz/canary | tar -xz --strip=2 next.js-canary/examples/with-docker
cd with-docker

Build it with docker:

# build
docker build -t next-app .
# or, use multi-stage builds to build a smaller docker image
docker build -t next-app -f ./Dockerfile.multistage .

Run it:

docker run --rm -it \
  -p 3000:3000 \
  -e "API_URL=https://example.com" \
  next-app

Deploy it to the cloud with now (download)

now --docker -e API_URL="https://example.com"

Ant Design documentation

Deploy to Now

now offers a zero-configuration single-command deployment.

  1. Install the now command-line tool either via the recommended desktop tool or via node with npm install -g now.

  2. Run now from your project directory. You will see a now.sh URL in your output like this:

    > Ready! https://your-project-dirname-tpspyhtdtk.now.sh (copied to clipboard)
    

    Paste that URL into your browser when the build is complete, and you will see your deployed app.

You can find more details about now here.