DEV Community

Cover image for I Built an Astro Portfolio Blog Theme So You Can Setup Your Personal Website in 10 Minutes πŸš€πŸ”₯

I Built an Astro Portfolio Blog Theme So You Can Setup Your Personal Website in 10 Minutes πŸš€πŸ”₯

Syakir on August 22, 2024

Hey there πŸ‘‹, Syakir here! If you read my previous article about make money from coding, I encourage you to setup a portfolio or blog website to sh...
Collapse
 
dansasser profile image
dansasser

I LOVE ASTRO
Astro is now my framework of choice. I am also creating templates for use but still a bit behind where yours is.
I could see Astro becoming the framework of choice in the near future.

Collapse
 
syakirurahman profile image
Syakir • Edited

Yes!! Astro FTW.
I also thinking the same.
Now, its the best static site generator. I will believe its SSR feature will be a contender for next.js in the near future

Collapse
 
dansasser profile image
dansasser

I have replaced all my PHP with their SSR using express.js. I'm working on converting a site right now.

Thread Thread
 
syakirurahman profile image
Syakir

with express.js?
how does it work?
You can just use Astro SSR right?

Thread Thread
 
dansasser profile image
dansasser

Astro SSR has to have some sort of middleware such as node or netlify to handle the request. It's in the SSR docs. I use a server.js entry point and that has Astro route handlers in it. I also use separate middlewares in the /src/middleware folder to handle auth and verifications.

Thread Thread
 
syakirurahman profile image
Syakir

How do you come up with this. Can you share any tutorial or codes related to this aproach?

Thread Thread
 
dansasser profile image
dansasser

here's the link to my new article about my ssr template
dev.to/dansasser/supercharge-your-...

Thread Thread
 
syakirurahman profile image
Syakir

thanks, i'll look into it later

Collapse
 
dansasser profile image
dansasser

Also, love the pokemon game. I've also been working on some Pokemon stuff as well.

Thread Thread
 
syakirurahman profile image
Syakir • Edited

The pokemon project is actually my old project for a technical interview :D

Collapse
 
chandra_pantachhetri profile image
Chandra Panta Chhetri

Thank you for the template. Template looks clean and simple.

I've been hearing a lot of good things about Astro in terms of static site generation. I've used Gatsby before which is good but it has horrible mobile LightHouse scores. The desktop scores are really good.

For Astro, I've done LightHouse tests on multiple sites and it has very high scores on both mobile & desktop...I wonder why Gatsby lacks in that. Have you used Gatsby before?

Also Cloudflare Pages is awesome, I don't know how I didn't know about it before. It's great for hosting front-end projects, maybe even full stack if you use Workers.

Collapse
 
syakirurahman profile image
Syakir

I havent use Gatsby before.. but its probably how it handle the javascript overhead. A lot of factors involved though.

Collapse
 
kc900201 profile image
KC

Thanks a lot for this. Will be very useful for my portfolio building. I looked through some posts and found an existing site called Devencyclopedia.dev that uses ASTRO as well.

I'm a react developer that uses mostly Next.js in work, but I'm looking forward to this in personal development

Collapse
 
syakirurahman profile image
Syakir

You're welcome! Good luck!

Collapse
 
alijun_dev profile image
Alijun

Info linkedin bang😁

Collapse
 
syakirurahman profile image
Syakir

/in/syakirurahman bro 😁

Collapse
 
shimr0d profile image
shimr0d

Thanks that very generous to share ;)

Collapse
 
syakirurahman profile image
Syakir

You're welcome. i hope you find it helpful :)