Typestack

A full-stack template based on NextJS and Loopback 4.

What's inside?

• Loopback 4 (https://loopback.io/doc/en/lb4/)
• NextJS (https://nextjs.org/)
• Polyglot (https://airbnb.io/polyglot.js/)
• JWT (https://fr.wikipedia.org/wiki/JSON_Web_Token)
• TypeORM (https://typeorm.io/#/)
• Bulma CSS (https://bulma.io/)
• Winston (https://github.com/winstonjs/winston)
• Codegen (Custom)

Dependencies

• nodeJS
• yarn
• postgreSQL

Get started

• cp misc/{client,server}.env .
• yarn install && yarn build && yarn dev
• Take a coffee and code.

Configuration

You need to provide the following environment variables, either directly, either using the server.env and client.env files.

Server

• DATABASE_URL
• JWT_SECRET

Client

• API_URL

I'm developing on Windows 10

Fine,

• Install node-gyp with "yarn global add node-gyp"
• Install cross-env with "yarn add --dev cross-env"
• In your package.json file, prefix every "NODE_ENV=development" occurence with "cross-env "

Take a tour!

• Build you application using 'yarn build'
• Start LB4 and NextJS altogether in development mode using 'yarn dev'
• Go to http://localhost:3000/api/explorer/
• Expand the '/user/register' endpoint and click on 'Try it out'
• Fill username and password and click on 'Execute'
• Go to http://localhost:3000/
• Go to Signin page
• Fill username and password and click on Signin.
• You are logged, impressive!
• Try to register an user using the register page, it works too.