Welcome to reg-frontend.. v2

Getting Started

This project is based on Bun, which you can find here:

https://bun.com/docs/installation

Tip: If you have npm already working, npm install -g bun does the trick.

Install packages

bun install

Run development mode

bun dev

Building For Production

To build this application for production:

(don't forget the RUN part)

bun run build

Testing

This project uses Bun for testing. You can run the tests with:

bun test

Styling

This project uses Tailwind CSS for styling.

Routing

This project uses TanStack Router. The initial setup is a file based router. Which means that the routes are managed as files in src/routes.

Adding A Route

To add a new route to your application just add another a new file in the ./src/routes directory.

TanStack will automatically generate the content of the route file for you.

Now that you have two routes you can use a Link component to navigate between them.

Adding Links

To use SPA (Single Page Application) navigation you will need to import the Link component from @tanstack/react-router.

import { Link } from "@tanstack/react-router";

Then anywhere in your JSX you can use it like so:

<Link to="/about">About</Link>

This will create a link that will navigate to the /about route.

More information on the Link component can be found in the Link documentation.

Data Fetching

Always try to use tanstack query for all the fetching.