michaelnz85/adonisvueviteinertia

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

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 [email protected]:MichaelNZ85/AdonisInertiaVue3Boilerplate.git my-cool-project

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!

adonisvueviteinertia's Issues

Doesn't work in build

This repo only works in dev mode not in build. The frontend directory that has the entrypoint js file is not even copied to the build directory.

SSR

Hi thanks for sharing, any chances to make this integration between vite and adonis inertia using SSR ?

dead links

github user 91codes seems to have renamed to 91bytes