This is a collection of my learnings about frontend development (and beyond). I try to explain concepts the way I would've loved to read about them when I was just starting. It will keep growing as I review fundamentals and explore new topics 🌱
This blog has been created with the awesome AstroPaper template. My goal was to start publishing content quickly, therefore only minimal changes have been implemented to make it mine.
Main Framework - Astro
Type Checking - TypeScript
Component Framework - ReactJS
Styling - TailwindCSS
Fuzzy Search - FuseJS
Icons - Boxicons | Tablers
Linting - ESLint
Code Formatting - Prettier
Deployment - GitHub Pages
If you want to take a look at this project locally, run the following commands:
git clone https://github.com/sayheylaura/sayheylaura.github.io.git
npm install
npm run dev
Command | Action |
---|---|
npm install |
Installs dependencies |
npm run dev |
Starts local dev server at localhost:3000 |
npm run build |
Build your production site to ./dist/ |
npm run preview |
Preview your build locally, before deploying |
npm run format:check |
Check code format with Prettier |
npm run format |
Format codes with Prettier |
npm run sync |
Generates TypeScript types for all Astro modules. Learn more. |
npm run cz |
Commit code changes with commitizen |
npm run lint |
Lint with ESLint |
If you have any suggestions/feedback, feel free to open an issue if you find bugs or want to request new topics for the blog!
Licensed under the MIT License, Copyright © 2023