Adonis + React-TS boilerplate

Read the AdonisJS documentation to get a full insight about this framework.

Overview

This is the fullstack boilerplate for AdonisJs, it comes pre-configured with.

• Bodyparser
• Session
• Authentication
• Web security middleware
• CORS
• Edge template engine
• Lucid ORM
• Migrations and seeds
• Testing

It also includes a pre-configured Webpack that caters specifically for React-TS

Setup

npm install -g @adonisjs/cli
npm install
adonis key:generate

Starting the application

Frontend only:

npm run hot

Full:

npm run dev -- --w
adonis serve --dev -i resources,compiler,public

Note: Make sure your .env is identical with the .env.example

Optional

Run the SSR:

npm run ssr

Run frontend test watch:

npm run test-frontend:watch

Tip: Append -- --w on the following webpack commands on top to get the watch version

Migrations

adonis migration:run

Seeding

adonis seed --files DatabaseSeeder.js

Testing the application

Frontend:

npm run test-frontend

Backend:

npm run test

Others

Run lint:

npm run lint

Run bundle analyzer:

npm run build:stats
npm run analyze

Building for Production

npm run prod
npm run ssr

Test the production:

npm run serve-frontend

---

Follow me at twitter: 🐔