This is the source code for my personal website. It is built using Astro.
This project uses the following technologies:
Inside of your Astro project, you'll see the following folders and files:
.
βββ astro.config.mjs
βββ cv.json
βββ LICENSE
βββ package.json
βββ pnpm-lock.yaml
βββ public
β βββ assets
β β βββ photo.png
β βββ CNAME
β βββ favicon.svg
β βββ fonts
β β βββ Inter-Bold.woff2
β β βββ Inter-Regular.woff2
β βββ robots.txt
βββ README.md
βββ src
β βββ components
β β βββ Awards.astro
β β βββ Boxes.tsx
β β βββ Button.astro
β β βββ Card.astro
β β βββ Education.astro
β β βββ ExpandButton.tsx
β β βββ Experience.astro
β β βββ Footer.astro
β β βββ Header.astro
β β βββ Heading.astro
β β βββ Navbar.astro
β β βββ Photo.tsx
β β βββ Section.astro
β β βββ Skills.astro
β β βββ Starry.tsx
β β βββ ThemeToggle.astro
β βββ consts.ts
β βββ env.d.ts
β βββ icons
β β βββ close.svg
β β βββ email.svg
β β βββ github.svg
β β βββ linkedin.svg
β β βββ menu.svg
β β βββ moon.svg
β β βββ sun.svg
β β βββ telegram.svg
β βββ layouts
β β βββ BaseHead.astro
β β βββ BaseLayout.astro
β βββ lib
β β βββ utils.ts
β βββ pages
β β βββ about.astro
β β βββ index.astro
β β βββ projects.astro
β βββ styles
β β βββ global.css
β βββ types.ts
βββ tailwind.config.mjs
βββ tsconfig.json
11 directories, 49 files
Astro looks for .astro
or .md
files in the src/pages/
directory. Each page is exposed as a route based on its file name.
There's nothing special about src/components/
, but that's where we like to put any Astro/React/Vue/Svelte/Preact components.
Any static assets, like images, can be placed in the public/
directory.
All commands are run from the root of the project, from a terminal:
Command | Action |
---|---|
pnpm install |
Installs dependencies |
pnpm dev |
Starts local dev server at localhost:4321 |
pnpm build |
Build your production site to ./dist/ |
pnpm preview |
Preview your build locally, before deploying |
pnpm astro ... |
Run CLI commands like astro add , astro check |
pnpm astro -- --help |
Get help using the Astro CLI |