Skip to content

A boilerplate for creating apps with Adonis, Inertia, Vite and Vue.

Notifications You must be signed in to change notification settings

MichaelNZ85/AdonisVueViteInertia

Repository files navigation

Adonis / Vite / Inertia / Vue 3 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.

How to use

  1. Clone this repository
git clone git@github.com:MichaelNZ85/AdonisInertiaVue3Boilerplate.git my-cool-project
  1. Install dependencies
cd my-cool-project
npm install   
  1. Copy .env.example to .env
cp .env.example .env
  1. Run the server
npm run dev
  1. Run Vite
npm run vite:dev
  1. Your app will be running at http://localhost:3333.
  2. Build something great!