Smart and simple Next.js starter kit for complex apps based on React with Reason/ReasonReact support!
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.storybook
components
pages
static
stories
styles
utils
.babelrc
.dockerignore
.eslintignore
.eslintrc
.gitignore
.prettierrc
Dockerfile
Dockerfile.multistage
README.md
bsconfig.json
enzyme.js
next.config.js
package.json
postcss.config.js
styles.less

README.md

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.