Maki is a cutting-edge React-19 metaframework designed to leverage the blazing speed of Bun for serving and compiling fullstack web applications. Built for performance and developer happiness, Maki simplifies the process of building, deploying, and scaling modern web applications.
- Lightning Fast: Powered by Bun, Maki offers unparalleled speed in serving and compiling your applications.
- Fullstack Capabilities: Seamlessly build both frontend and backend within a unified framework.
- Modern React: Leverage the latest features of React-19 to create robust and maintainable applications.
- Typesafe Backend: Utilize typesafe fetch with the
api
function to ensure data integrity across your application. - Easy to Use: Designed with developer experience in mind, Maki provides an intuitive API and comprehensive documentation.
- Scalable: Built to handle projects of any size, from small prototypes to large-scale applications.
To get started with Maki, you need to have Bun installed. Then, you can install Maki via Bun:
bun create maki
Start the development server:
bun dev
Open your browser and navigate to http://localhost:3000
to see your new Maki application in action.
Build your application for production deployment:
bun build
Start the production server:
bun start
Maki provides a built-in, typesafe backend api endpoints.
"/api/[id]/server.ts"
import { type } from "arktype";
import { endpoint } from "maki/server";
export const DELETE = endpoint(
{
params: type({ id: "string" }),
},
({ params }) => {
return { params };
},
);
Then, from anywhere, you can use the api
function to safely call
import { api } from 'maki';
const id = "******"
const res = await api("/api/[id]", "DELETE", { params: { id } });
if (res.ok) console.log(res.data);
This ensures your fetch calls are type-checked, providing better safety and reliability in your code.
Comprehensive documentation is available at Maki Docs.
We welcome contributions from the community! Please read our Contributing Guide to get started.