Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jellydn/remix-spa-demo

How to use Biome with Bun.js and Remix to create a Single Page Application
https://github.com/jellydn/remix-spa-demo

biome-js bun remix spa

Last synced: 3 days ago
JSON representation

How to use Biome with Bun.js and Remix to create a Single Page Application

Awesome Lists containing this project

README

        

Welcome to remix-spa-demo 👋


This project demonstrates how to use Biome with Bun.js and Remix to create a Single Page Application (SPA).

[![IT Man - Revolutionizing Web Development: A Complete #Biome Setup Tutorial](https://i.ytimg.com/vi/iydIgSbSNBs/hqdefault.jpg)](https://www.youtube.com/watch?v=iydIgSbSNBs)

## Prerequisites

- [Bun](https://bun.sh/)
- [Remix](https://remix.run/)
- [Biome](https://github.com/biomejs/biome)

## Features

- Demonstrates the use of Biome with Bun.js and Remix in a SPA.
- Provides a basic setup for a SPA using these technologies.
- Offers a starting point for developers interested in using Biome, Bun.js, and Remix together.

## Install

First, you need to install the project dependencies. You can do this by running:

```sh
bun install
```

## Usage

To start the development server, run:

```sh
bun run dev
```

Now, you can open your browser and navigate to `http://localhost:5173` to see the application in action.

## Deployment

- TBD

## Migrate from Create-React-App to Remix

- TBD

## Resources

- [SPA Mode | Remix](https://remix.run/docs/en/main/future/spa-mode)
- [Use Biome in big projects | Biome](https://biomejs.dev/guides/big-projects/)
- [Git Hooks | Biome](https://biomejs.dev/recipes/git-hooks/)
- [Continuous Integration | Biome](https://biomejs.dev/recipes/continuous-integration/)

## Author

👤 **Huynh Duc Dung**

- Website: https://productsway.com/
- Twitter: [@jellydn](https://twitter.com/jellydn)
- Github: [@jellydn](https://github.com/jellydn)

## Show your support

If this guide has been helpful, please give it a ⭐.

[![kofi](https://img.shields.io/badge/Ko--fi-F16061?style=for-the-badge&logo=ko-fi&logoColor=white)](https://ko-fi.com/dunghd)
[![paypal](https://img.shields.io/badge/PayPal-00457C?style=for-the-badge&logo=paypal&logoColor=white)](https://paypal.me/dunghd)
[![buymeacoffee](https://img.shields.io/badge/Buy_Me_A_Coffee-FFDD00?style=for-the-badge&logo=buy-me-a-coffee&logoColor=black)](https://www.buymeacoffee.com/dunghd)