kuzeofficial / astro-td-website

Personal website with markdown blog in Astro πŸš€πŸ‘¨πŸ»β€πŸš€

Home Page:https://new.cristianfonseca.dev/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Personal website and blog with Astro

FAQ

πŸ›  What tools does this project use? 90% Astro πŸš€ and 10% React βš›!

πŸ§‘β€πŸš€ What files can i replace? You can replace and modify the project as much as you want, ideally you should change assets and texts to take advantage of the optimization done, but if you want to customize something else feel free to do so.!

πŸ–€ Where is the design copied from? from Tony Dinh Website.!

Notes:

πŸ… If you find a bug or want to make a PR with new features or fixes, feel free to do so.

πŸš€ Project Structure

/
β”œβ”€β”€ public/
β”‚   └── favicon.svg
β”œβ”€β”€ src/
|   β”œβ”€β”€ assets/
β”‚   β”œβ”€β”€ components/
β”‚   β”‚   β”œβ”€β”€ astro/
|   |   |   └── ... Components.astro
|   |   β”œβ”€β”€ react/
|   |   |   └── ... Components.tsx
|   |   β”œβ”€β”€ markdown/
|   |   |   └── ... Image.tsx
β”‚   β”œβ”€β”€ layouts/
β”‚   β”‚   β”œβ”€β”€ Layout.astro
β”‚   β”œβ”€β”€ pages/
β”‚   |    └── index.astro
|   β”œβ”€β”€ style/
|   └── hooks/
|       └── useEmailForm.ts
└── package.json

Optimized with dark mode included β˜€οΈ / 🌚

White: CleanShot 2022-09-18 at 00 02 29 Dark: CleanShot 2022-09-18 at 00 03 09

🧞 Commands

All commands are run from the root of the project, from a terminal:

Command Action
yarn install Installs dependencies
yarn dev Starts local dev server at localhost:3000
yarn build Build your production site to ./dist/
yarn preview Preview your build locally, before deploying

⭐️ Leave your star and fork the repo if you feel like it

Follow me:

Twitter

About

Personal website with markdown blog in Astro πŸš€πŸ‘¨πŸ»β€πŸš€

https://new.cristianfonseca.dev/


Languages

Language:Astro 64.7%Language:TypeScript 16.1%Language:MDX 12.3%Language:JavaScript 4.0%Language:CSS 2.9%