Kickstart Strapi.io and Next.js

Next.js

Website: https://nextjs.org/

Documentation: https://nextjs.org/docs/

Github: https://github.com/zeit/next.js

Strapi.io

Website: https://strapi.io

Documentation: https://strapi.io/documentation/

Github: https://github.com/strapi/strapi

depends on

• node >= 10
• npm >= 6
• docker >= 18.02.0
• make

Init a new project

1. Install strapi cli

npm install strapi@alpha -g

2. Init strapi and next

make init

Then follow the instructions and edit the ./app/package.json to add the scripts section.

{
  "scripts": {
    "dev": "next",
    "build": "next build",
    "start": "next start"
  }
}

3. Start docker, strapi and next.js

make up

Stop docker, strapi and next.js

make down

Urls

App: (next.js)

• App: http://localhost:3000

Backend: (strapi)

• Admin: http://localhost:1337/admin
• Static frontend: http://localhost:1337
• REST: http://localhost:1337/myApi
• GraphQL (Playground): http://localhost:1337/graphql
• Documentation (Swagger): http://localhost:1337/documentation/v1.0.0

Adminer:

• http://localhost:8080