website
website copied to clipboard
✌️ First personal website.
⚙ Stack
- Astro + Typescript - Build the web you want.
- React 18 - The library for web and native user interfaces.
- Tailwind CSS - A utility-first CSS framework for rapidly building custom designs.
- Prettier + prettier-plugin-tailwindcss - A Prettier plugin for Tailwind CSS that automatically sorts classes.
- Iconoir with React-Symbols - Beautifully crafted SVG icons & logos.
🚀 Getting Started
We recommend using the following extensions for Visual Studio Code:
- Clone the repository:
[email protected]:pheralb/website.git
- Install dependencies:
npm install
# or
yarn install
# or
pnpm install
# or
ultra install
- Run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
ultra dev
Open up http://localhost:3000 to view the website 🚀.
📁 Folder structure:
[] .github - Funding file.
[] .vscode - Extensions, config & launch options for VSCode.
[] public - Static files.
[] src - Astro source code.
⚙ Commands:
Command | Action |
---|---|
dev |
Starts local dev server at localhost:3000 . |
build |
Build site to ./dist/ . |
preview |
Preview your build locally, before deploying. |
astro ... |
Run Astro CLI commands like astro add , astro check . |
astro --help |
Get help using the Astro CLI. |
format |
Format code with Prettier. |
🌱 Shortcuts
- pheralb.dev/tw - Twitter.
- pheralb.dev/tv - Twitch.
- pheralb.dev/ln - LinkedIn.
- pheralb.dev/gh - Github profile.
- pheralb.dev/git - Github website repository.
☁ Deploy
I am using Vercel for deployment: