Personal portfolio website built with Astro, React, TailwindCSS, and Framer Motion.
Live: https://fiqri.dev
- Astro — static site framework
- React — interactive UI components
- TailwindCSS v4 — utility-first styling (via
@tailwindcss/vite) - Framer Motion — animations
- Biome — linting & formatting
- Bun — package manager & runtime
/
├── public/ # Static assets
├── src/
│ ├── components/ # Reusable UI components (React + Astro)
│ ├── data/ # Site content & data
│ ├── layouts/ # Base page layouts
│ ├── lib/ # Shared utilities
│ ├── pages/ # Routes
│ ├── partials/ # Page section components
│ └── styles/ # Global styles
└── package.json
All commands are run from the root of the project:
| Command | Action |
|---|---|
bun install |
Install dependencies |
bun dev |
Start local dev server at localhost:4321 |
bun build |
Build production site to ./dist/ |
bun preview |
Preview the production build locally |
bun lint |
Run Biome linter |
bun format |
Format code with Biome |
bun check |
Run Biome checks and auto-fix |
bun astro ... |
Run Astro CLI commands (e.g. astro add) |