Adonis Vitejs 🚀

A provider to initialize vitejs app with adonis.

Installation

You can install the package from npm.

this provider assume you have vitejs, React & React Dom

adonis install adonis-vitejs

Configure

Register provider

The provider must be registered as a provider.

const providers = [...,'adonis-vitejs/providers/ViteProvider'];

Register your routes

const Route = use('Route');
const Vite = use('Adonis/Addons/Vite');
const handler = Vite.getRequestHandler();

// API Endpoint for your database
Route.get('/api', ({ request }) => {
	return { greeting: "I'm Api Endpoint" };
});

// * Vite Routes
Route.get('/b', ({ request, response }) => {
	const query = request.get();
	return Vite.render(request.request, response.response, '/b', query);
});

Route.get('/post/:id', ({ request, response, params }) =>
	Vite.render(request.request, response.response, '/b', {
		id: params.id
	})
);

Route.get(
	'*',
	({ request, response }) =>
		new Promise((resolve, reject) => {
			handler(request.request, response.response, promise => {
				promise.then(resolve).catch(reject);
			});
		})
);

Adding vite.js folder

The vite project directory is vite by default, but you can change it using environment variables VITE_FOLDER.

Register vite.js Commands

{
	"scripts": {
		"dev": "node server.js",
		"build": "vite build ./vite",
		"export": "vite export ./vite",
		"start": "NODE_ENV=production node server.js"
	}
}

Release History

Checkout CHANGELOG.md file for release history.

Meta

@AdonisJs

@vitejs

Checkout LICENSE for license information.