Fastify + Vue 3 web-app example.

---

During development, I deliberately focused on the backend, so the frontend here plays more of a supporting role—it's a minimal stub application that makes interacting with the API more visual and convenient than using curl or Postman.

This small project reflects my vision of what a well-designed, high-quality server-side API on Fastify might look like. I really like this framework and can confidently recommend it to other developers.

I highly recommend visiting this amazing framework's website

Frameworks and libraries:

---

Backend:

• Fastify v5.7
• Sequelize v6.37

Frontend:

• Vue v3
• Vue Router v5
• Pinia v3
• TailwindCSS v4.2

Instructions:

---

1. Clone the project from the repository:

git clone https://github.com/nhankyjangchan/librechatjs_v2 librechatjs
cd librechatjs

2. Install node.js dependencies:

cd server
npm i
cd ../client
npm i

3. Create a database in PostgreSQL:

psql -U postgres
CREATE DATABASE librechatjs;
# Sequelize will automatically create tables when the backend starts
\q

4. Create a .env file for the backend:

cd server
mv ./.env.example ./.env

5. Run the frontend:

cd client
npm run dev

6. Connect to the database to check that it exists:

sudo systemctl start postgresql
psql -U postgres -d librechatjs

7. Run the backend:

cd server
npm run dev

8. Create an administrator:

Go to the login page, register a user with the name "admin" (or another name).
Connect to the database and run:

\c librechatjs
UPDATE users SET "isAdmin" = true WHERE username = 'admin';

Done!