Sync onboarding/test repository.
- Setup git (add ssh key, set user name/email)
- Install Bun
- Clone the repository
- Run
bun install(in project root) to install dependencies - (optionally setup an alias for bun workspaces
alias ball="bun -F\*")
To quickly start both frontend and backend in watch mode, run:
bun -F\* dev (this is the same as running bun dev in both frontend and backend)
This will start the backend on port 3000 and the frontend on port 5173.
Vite's development server will proxy requests to the backend on /api.
- Create a new branch for your changes (call it
dev/${name}orfeature/${name}) - Change something in code, check out the following files:
backend/src/index.tsfrontend/src/App.vue
- Verify that the changes work as expected by running the development server and testing the application.
- Check code locally with
bun run check(in the project root)- Fix errors manually or try your luck with
bun -F\* lintorbun -F\* format
- Fix errors manually or try your luck with
- Commit your changes, use conventional commit messages (e.g.
feat: add new feature,fix: fix a bug,chore: update dependencies) - Push your branch to the remote repository
- Create a pull request to the
mainbranch - Wait for the CI to pass and for a review
- Merge the PR once approved (Squash!!!)
- Drink a beer 🍺
These are sorted from most to least important.
- Typescript handbook - Typescript is one of the programming languages of all time
- Vue 3 Quick start - Get familiar with Vue 3
- Elysia - The backend framework used here, not that important since the real backend will be different
- Bun - runtime and package manager
- Also check out their Guides
- Vite - frontend build tool