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.