DEV Community

I built my own personal website! Yaaay 😎

Bassem on September 30, 2019

Hey, devs from all over the world!! 🤗 In today's post, I wanna talk about my personal website building journey. What technologies I am using? and ...

Read full post

molamk • Sep 30 '19

Awesome stuff! Since you're a React dev, you might want to take a look at Gatsby.js.

It gives you:

A super fast blog
PWA out of the box
Really easy to work on your SEO with Helmet
Easy to add analytics
Also optimized images & RSS feeds
Free hosting w/ Netlify and/or Github Pages
Easy Markdown integration (plugin)

This is what I used for my own blog, if you want to see it in action: molamk.com

Keep up the good work!

Bassem • Sep 30 '19

Great! I like how clean your blog is. Will definitely check out Gatsby.

Kryselle Matienzo • Sep 30 '19

Yay congratulations! I was looking to build my own website, too. Someday! I only know html, css and a bit of Js right now, and currently learning asp.net.. Hopefully by end of this semester, I will be able to go live for my website too! :) Congratulations again!

Bassem • Sep 30 '19

Thanks!! Good luck with that! I would say start small ( That's what I am doing anyway ). Also, don't forget to show me!

Kryselle Matienzo • Oct 2 '19

Thank you!! Yes, i tried creating an account on wordpress, but.. cant figure out (yet) on how to use it. Yes for sure I will it to you when it's live! :)

Mustafa Anas • Oct 1 '19

حبيبي يا جدع
Funny thing, I always wanted to put a personal website for me out there and I kept on delaying it. Just yesterday though I was like hell no I need to do somthing. So I deployed my first website yesterday night too!(also far from complete but I am still working on it. have a look! mustafaanas.com/).

I noticed a post from dev.to published to your twitter and scraped from there to your website. Which made me think, is there an official API to scrape from here? most of my writings are here and I wanna do the same.

Anyways, I love your website.
Keep it up and goo luck!

Bassem • Oct 1 '19

Good work صديقى!!, It looks good. You might wanna fix your Medium icon thought. Right now it's pointing to facebook. 🤯

What do you mean by scraping? Do you want your blog to automatically post every article you have here? For me. I am cross-posting. But I am doing it manually.

Dev.to welcomes cross-posting. They even have canonical_url tag. Take a look over here :

How to Configure Cross Posting?

Gift Egwuenu ・ Sep 9 ・ 1 min read

#help

I haven't used that tag yet. But I am planning to.
Anyways, Thanks for your comment. Really appreciate it.

Mustafa Anas • Oct 1 '19

Thanks for the feedback! I got it fixed.
Yes I want to be able to fetch all my articles that are here to my portfolio. I'll have a look, thnx.

Bassem • Oct 1 '19

Ummm. Its a good idea for sure, Let me know what you find!

Alexander Kim • Sep 30 '19

Grats, but there's a problem, you've built your website as SPA, thus you won't get a SEO benefits. I suggest you to use something like Next.js (if react) or Nuxt.js (if vue). You need SSR badly.

Bassem • Sep 30 '19

Yeah, I was totally in the dark about that until I finished deploying it and I was hit with that client-side rendering vs server-side rendering issue. Had to use a .htaccess workaround for it to even work.

Options -MultiViews
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^ index.html [QSA,L]

Anyway, It is working now. But, I definitely want to look into NextJS. At the least for my own knowledge.

Just wondering thought, Is it a pain to set up? SSR I mean?

Joshua Johnson • Sep 30 '19

Congratulations! I remember my first website :)

Bassem • Sep 30 '19

Thanks! How long ago was that?

Joshua Johnson • Sep 30 '19

I didn't know anything about a CMS so I read tutorials on how to build a PHP site. And I built my first one. A flat file database that allowed users to submit articles. It was a blast!