Bâti

Scaffolds a web app using Vike and React.

pnpm create bati --react

yarn dlx @batijs/cli --react

bun create bati --react

npm create bati --- --react

Presets

Frontend app with a UI Framework and Tailwind CSS

Full-stack app with Data Fetching, Auth, a Database and a Server

Next.js like app with Data Fetching, Auth, Hono and Vercel

Nuxt like app with Data Fetching, Auth and h3

Frontend Framework(required)

Vike cannot be disabled. It is the foundation that allows all others tools to work cohesively

UI Framework(required)

Vike cannot be disabled. It is the foundation that allows all others tools to work cohesively

Vike cannot be disabled. It is the foundation that allows all others tools to work cohesively

Vike cannot be disabled. It is the foundation that allows all others tools to work cohesively

CSS

Vike cannot be disabled. It is the foundation that allows all others tools to work cohesively

Vike cannot be disabled. It is the foundation that allows all others tools to work cohesively

Vike cannot be disabled. It is the foundation that allows all others tools to work cohesively

UI Component Libraries

Vike cannot be disabled. It is the foundation that allows all others tools to work cohesively

Vike cannot be disabled. It is the foundation that allows all others tools to work cohesively

Vike cannot be disabled. It is the foundation that allows all others tools to work cohesively

Frontend

Frontend Framework(required)

Vike

Vike

Flexible, lean, reliable, community-driven, fast Vite-based frontend framework

Flexible, robust, community-driven, and fast Vite-based frontend framework.

UI Framework(required)

React

React

The library for web and native user interfaces

Battle-Tested Solution: time-proven library, an industry favorite known for its reliability and widespread adoption.

Vue

Vue

The Progressive JavaScript Framework

SolidJS

SolidJS

Simple and performant reactivity for building user interfaces

Getting started

Stay Ahead of the Game: bleeding-edge library for unparalleled features and performance.

It’s recommended to choose a frontend lib to kickstart a new Vike project, as they each come with a wide range of integrations. You can at any time eject and take control over integration code so that it doesn’t get in your way.

CSS

TailwindCSS

TailwindCSS

Rapidly build modern websites without ever leaving your HTML

Battle-Tested Solution: time-proven library, an industry favorite known for its reliability and widespread adoption.

Compiled

Compiled

A familiar and performant compile time CSS-in-JS library for React.

PandaCSS

PandaCSS

Write type-safe styles with ease using panda

These CSS libraries are deeply integrated with UI frameworks. They showcase their respective recommended usage and how they integrate with Vite and Vike.

UI Component Libraries

daisyUI

daisyUI

The most popular component library for Tailwind CSS

shadcn/ui

shadcn/ui

Beautifully designed components that you can copy and paste into your apps.

Mantine

Mantine

A fully featured React components library.

These UI Component Libraries are deeply integrated with UI frameworks. They showcase their respective recommended usage and how they integrate with Vite and Vike.

Auth

Vike cannot be disabled. It is the foundation that allows all others tools to work cohesively

Vike cannot be disabled. It is the foundation that allows all others tools to work cohesively

Vike cannot be disabled. It is the foundation that allows all others tools to work cohesively

Vike cannot be disabled. It is the foundation that allows all others tools to work cohesively

Data fetching

Vike cannot be disabled. It is the foundation that allows all others tools to work cohesively

Vike cannot be disabled. It is the foundation that allows all others tools to work cohesively

Vike cannot be disabled. It is the foundation that allows all others tools to work cohesively

Server

Vike cannot be disabled. It is the foundation that allows all others tools to work cohesively

Vike cannot be disabled. It is the foundation that allows all others tools to work cohesively

Vike cannot be disabled. It is the foundation that allows all others tools to work cohesively

Vike cannot be disabled. It is the foundation that allows all others tools to work cohesively

Vike cannot be disabled. It is the foundation that allows all others tools to work cohesively

Database

Vike cannot be disabled. It is the foundation that allows all others tools to work cohesively

Vike cannot be disabled. It is the foundation that allows all others tools to work cohesively

Vike cannot be disabled. It is the foundation that allows all others tools to work cohesively

Vike cannot be disabled. It is the foundation that allows all others tools to work cohesively

Data

Auth

Auth.js

Auth.js

Authentication for the Web

Getting started

Stay Ahead of the Game: bleeding-edge library for unparalleled features and performance.

Auth0

Auth0

Secure access for everyone. But not just anyone.

Auth.js auth0 provider doc

Firebase

Firebase

Firebase Authentication aims to make building secure authentication systems easy, while improving the sign-in and onboarding experience for end users

Getting started

Lucia

Lucia

Lucia is an auth library for your server that abstracts away the complexity of handling sessions

Getting started

Stay Ahead of the Game: bleeding-edge library for unparalleled features and performance.

Ready to use self-hosted or cloud-based Auth solutions. Requires to also select a Server of your choosing.

Data fetching

Telefunc

Telefunc

Remote Functions. Instead of API

Stay Ahead of the Game: bleeding-edge library for unparalleled features and performance.

tRPC

tRPC

End-to-end typesafe APIs made easy

Getting started

Battle-Tested Solution: time-proven library, an industry favorite known for its reliability and widespread adoption.

ts-rest

ts-rest

Incrementally adoptable type-safety for your new and existing APIs

Data fetching libraries to help you interact with your backend. Selecting one of those usually requires you to also choose a Server.

Server

Hono

Hono

Fast, lightweight, built on web standards. Support for any JavaScript runtime.

Getting started

h3

h3

Minimal H(TTP) framework built for high performance and portability

Express

Express

Fast, unopinionated, minimalist web framework for Node.js

Getting started

Battle-Tested Solution: time-proven library, an industry favorite known for its reliability and widespread adoption.

Fastify

Fastify

Fast and low overhead web framework, for Node.js

Getting started

HatTip

HatTip

Like Express, but for the future

Stay Ahead of the Game: bleeding-edge library for unparalleled features and performance.

Mostly required by other integrations such as Auth or RPC, it's recommended to only install a Server if you really need to, as Vike doesn't require one to operate.

Database

Drizzle

Drizzle

Headless TypeScript ORM that feels like SPA with SSR

Docs & Getting started

SQLite

SQLite

SQLite is a C-language library that implements a small, fast, self-contained, high-reliability, full-featured, SQL database engine

better-sqlite3: API

D1: Getting started

Prisma

Prisma

Next-generation Node.js and TypeScript ORM

Getting started

Battle-Tested Solution: time-proven library, an industry favorite known for its reliability and widespread adoption.

EdgeDB

EdgeDB

A graph-like schema with a relational core

Getting started

Stay Ahead of the Game: bleeding-edge library for unparalleled features and performance.

Helping you get started with a database solution.

Hosting

Vike cannot be disabled. It is the foundation that allows all others tools to work cohesively

Vike cannot be disabled. It is the foundation that allows all others tools to work cohesively

Vike cannot be disabled. It is the foundation that allows all others tools to work cohesively

Vike cannot be disabled. It is the foundation that allows all others tools to work cohesively

Deployment

Hosting

Cloudflare

Cloudflare

Create full-stack applications that are instantly deployed to the Cloudflare global network

Vike integration

vike-cloudflare

Vercel

Vercel

Develop with your favorite tools. Launch globally, instantly. Keep pushing

NetlifyComing soon

Netlify

AWS

AWS

Deploy to AWS Lambda with Infrastructure as Code with the AWS CDK

Quickly host your Vike project with a Serverless or VPS (coming soon) solution.

Linter

Vike cannot be disabled. It is the foundation that allows all others tools to work cohesively

Vike cannot be disabled. It is the foundation that allows all others tools to work cohesively

Vike cannot be disabled. It is the foundation that allows all others tools to work cohesively

Analytics

Vike cannot be disabled. It is the foundation that allows all others tools to work cohesively

Vike cannot be disabled. It is the foundation that allows all others tools to work cohesively

Vike cannot be disabled. It is the foundation that allows all others tools to work cohesively

Error tracking

Vike cannot be disabled. It is the foundation that allows all others tools to work cohesively

Vike cannot be disabled. It is the foundation that allows all others tools to work cohesively

Utilities

Linter

ESLint

ESLint

Find and fix problems in your JavaScript code

Prettier

Prettier

An opinionated code formatter

Biome

Biome

Stay Ahead of the Game: bleeding-edge library for unparalleled features and performance.

Well known linting and formatting tools, pre-configured to match their recommended usage, tailored for Vike.

Analytics

Plausible.io

Plausible.io

Easy to use and privacy-friendly Google Analytics alternative

Google Analytics

Google Analytics

SegmentComing soon

Segment

Keep track of your website traffic with these ready-to-get-started Analytics solutions.

Error tracking

Sentry

Sentry

LogrocketComing soon

Logrocket

Coming soon: Error Tracking solution for frontend and backend

Wall icons created by Freepik - Flaticon