DEV Community

Ramu Narasinga
Ramu Narasinga

Posted on • Originally published at thinkthroo.com

Rsbuild in Refly codebase.

#opensource #rsbuild #refly #config

In this article, we review Rsbuild usage in Refly codebase. We will look at:

  1. What is Rsbuild?

  2. What is Refly?

  3. Configure Rsuild.

What is Rsbuild?

Rsbuild is the Rspack powered build tool. This helps you build your web application instantly.

Check out Rsbuild Quick Start guide.

Features

  1. Rspack-based

  2. Batteries included

  3. Framework agnostic

  4. Deep optimization

  5. Highly pluggable

  6. Easy to configure

Rsbuild is lightning fast. Below are the stats I copied from the rsbuild.rs site

What is Refly?

Refly.AI helps non-technical creators automate tasks, produce production-ready content, and earn from what they build — all with natural language and a visual canvas.

Features

  1. Workflow automation

  2. AI-powered builder

  3. App integrations

  4. File library

  5. Community templates

  6. Creator rewards

Configure Rsbuild

I read their quick start and here’s what I learnt. You can create a new Rsbuild application using the following command:

npm create rsbuild@latest
Enter fullscreen mode Exit fullscreen mode

Follow the prompts to choose options, such as whether to add optional tools like TypeScript and ESLint.

After creating the application, do the following:

  • Run git init to initialize a Git repository.

  • Run npm install (or your package manager's install command) to install dependencies.

  • Run npm run dev to start the dev server, which runs on http://localhost:3000 by default.

There are some templates available as well, much like Vite.

There are also framework specific guides:

  1. React

  2. Vue

  3. Preact

  4. Svelte

  5. Solid

About me:

Hey, my name is Ramu Narasinga. I study codebase architecture in large open-source projects.

Email: ramu.narasinga@gmail.com

I spent 200+ hours analyzing Supabase, shadcn/ui, LobeChat. Found the patterns that separate AI slop from production code. Stop refactoring AI slop. Start with proven patterns. Check out production-grade projects at thinkthroo.com

References:

  1. refly-ai/refly/blob/main/apps/web/package.json#L8

  2. https://rsbuild.rs/guide/start/quick-start

  3. https://refly.ai/

  4. https://rsbuild.rs/guide/framework/react

Top comments (0)