Adonis / Vite / Inertia / Vuetify 3 / TailwindCSS Boilerplate

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.

This project is based on https://github.com/MichaelNZ85/AdonisVueViteInertia so thank you @MichaelNZ85 :).

How to use

1. Clone this repository

git clone https://github.com/jrrmcalcio/adonis-vuetify3.git

2. Install dependencies

cd my-cool-project
npm install   

3. Copy .env.example to .env

   cp .env.example .env
   

4. Run the server

   npm run dev
   

5. Run Vite

npm run vite:dev

6. Your app will be running at http://localhost:3333.
7. Build something great!