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:

• Astro
• React
• Tailwind CSS
• TypeScript

🚀 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: