Skip to content

raexera/raexera.github.io

Repository files navigation

raexera's Personal Website

This is the source code for my personal website. It is built using Astro.

Stack

This project uses the following technologies:

πŸš€ Project Structure

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.

🧞 Commands

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