rakkasjs v0.6.20

Lightning fast Next.js alternative powered by Vite

Read the guide | Try it in the browser

What is Rakkas?

Rakkas is a web framework powered by React and Vite that aims to have a developer experience similar to Next.js. Many of its features are also inspired by Svelte Kit. Important features are:

• ⚡  Lightning fast development
• 🖥️  Hassle free server-side rendering
• ☸️  SPA-style client-side navigation
• 📁  Intuitive file system-based routing
• ⬇️  Simple but effective data fetching system
• ⚙️  API routes to build and organize your backend
• 📄  Static site generation

We're also aiming to support deploying to serverless environments and localizable routes before we hit 1.0.

Is Rakkas right for you?

• Although many features have been implemented, Rakkas is still in development. There will be breaking changes until we hit 1.0. As such, it's not yet ready for production use. If you need a stable React framework try Next.js or Gatsby.
• Rakkas doesn't aim compatibility with Next.js. Check out Vitext if you want to port a Next.js application to Vite.
• Rakkas is somewhat opinionated. If you need more flexibility try vite-ssr-plugin.

Getting started

🚀 You can now try Rakkas online, right in your browser!

• Rakkas TypeScript demo app on StackBlitz
• Rakkas JavaScript demo app on StackBlitz

The easiest way to try Rakkas out on your computer is to use the project initializer:

# Create the project directory
mkdir my-app && cd my-app
# Scaffold the demo app: Follow the prompts for the rest
npx create-rakkas-app

create-rakkas-app project initializer comes with many features, all off which are optional but we strongly recommend enabling TypeScript on your first project because self-documenting type definitions allow for a smoother learning curve.

Demo project's source code comes with plenty of comments, you may not need to read the guide!

👷 If you prefer a manual setup, you can install rakkasjs, react, react-dom, and react-helmet-async as production dependencies, and @rakkasjs/cli as a dev dependency:

npm install --save rakkasjs react react-dom react-helmet-async
npm install --save-dev @rakkasjs/cli

Then you can start a development server on localhost:3000 with npx rakkas dev, build with npx rakkas build, and launch with node dist/server.

Credits

• Fatih Aygün, under MIT License.
• Logomark: “Flamenco” by gzz from Noun Project (not affiliated) under Creative Commons Attribution Generic license (CCBY)

Version history

0.4.0

• Static site generation
• Switch to React automatic JSX runtime
• Integration examples (Apollo GraphQL, Styled Components, MDX, Tailwind CSS)
• More options in the project generator
• Lots of minor features and fixes
• Much-expanded documentation