Based on the example in 91codes' adonis-vite repo, this is a boilerplate setup for using AdonisJS as a backend, with Vue as a frontend using Inertia to remove the need for an API, along with Vite for compiling resources and hot reloading.
This project serves as a starter project for building web apps with Adonis as a backend, Vue 3 as a frontend and Inertia linking the two together without the need for an API. Vite is used to compile frontend assets.
I am indebted to Adocasts for their tutorial which I used to set up this boilerplate, as well as 91codes Adonis-Vite setup and exampl. If you want to learn Adonis, then you should check out Adocasts.
- Clone this repository
git clone git@github.com:MichaelNZ85/AdonisInertiaVue3Boilerplate.git my-cool-project
- Install dependencies
cd my-cool-project
npm install
- Copy .env.example to .env
cp .env.example .env
- Run the server
npm run dev
- Run Vite
npm run vite:dev
- Your app will be running at http://localhost:3333.
- Build something great!