DEV Community

Cover image for OK. So...I might have completely rebuilt my website...again
sid
sid

Posted on

OK. So...I might have completely rebuilt my website...again

First of all Merry Christmas in advance, you probably won't be hearing from me on Christmas Day.

Okay, so now that that's out of the way, let's talk about my website.

Yes...I rebuilt it...again.

What motivated you to redesign it

Good question. Well, it was time to renew my domain (siddharth.one), and yes, I had found a better domain. Using the old website just wasn't going to help, so I thought, f*ck it, let's just rebuilt it.

Also with the release of Tailwind CSS 3, I really wanted to get my hands dirty with the updated version of the framework.

Okay, what really motivated you to design it

I really like the UI of the website. Also awesome color choices! But, in my opinion when it comes to personal websites you should put your skills and experience in focus. At least if your goal is the sell yourself to recruiters. I'm sorry but most recruiters won't care about blog posts. They care about what can you do and how long you've been doing it. A project portfolio is also important. Blog post do show a bit of your personality and interest for sure but a recruiter probably won't have time to read them. You might be the last application they're going through on a friday evening, the last thing you want to do is waste their time.

But other than that great work! And of course, this is just my opinion.

👆
The comment above. When scrolling through a particular old post, I came across this comment.

To be honest. I'm not looking for a job. And I won't need to for some time yet. But...

They care about what can you do and how long you've been doing it.

Wouldn't other people wanting to visit my site first like to first see, who I am, what I do, the skills I have, and the projects I have built. The answer is probably yes. Because why read someone's blog if you don't know if they are experienced in a certain topic.

Okay, enough talking. Show me the changes

1. The Domain

As I previously had mentioned, my old domain (siddharth.one), was going to renew, and I needed a better domain. Something shorter and possibly with a .com ending. So I decided to go for sidcrafts.com.

2. The design

To be completely fucking honest, the old website design wasn't too bad. In fact it was pretty good. But I sort of wasn't a fan of the layout the black background, or the orange/pink text. Another thing I learnt. Content is more important. So after changing the color scheme and some other stuff, I changed the layout to allow a ton more of content on the homepage.

A cleaner more simpler design:

https://siddharth.one screenshot

https://sidcrafts.com screenshot

3. The way the website is powered.

My old website was powered with Jekyll. I have to admit, pretty good, but painful update times. Also painful to code. My new website is built with HTML, Tailwind CSS and Alpine.js. No big bloated frameworks this time. Also, the blog page uses the Hashnode API to display the blog posts.

To be honest, quite a simple GraphQl query.

{
  user(username: "sidcraftscode") {
    publication {
      posts(page: 0) {
        title
        brief
        slug
      }
    }
  }
}
Enter fullscreen mode Exit fullscreen mode

I learnt how to do this from this blog post

Okay, we'll that's all then, I hope.

Thanks for reading. Merry Christmas

Check out my Website | Twitter | Github

Top comments (13)

Collapse
 
naruaika profile image
Naufan Rusyda Faikar • Edited

Your website looks great and simple. But if you ask me for feedback, I'd suggest to add more spaces between the title and its content for such font size. Take it with a pinch of salt and keep it up!

Collapse
 
pontakornth profile image
Pontakorn Paesaeng

Oh my god! Your post confirmed my hesitation. I currently have a blog but it lacks lots of features and I have trouble maintaining it. So, I just moved to Hashnode too. Then, I think I should redesign my website but I am not sure if it is a good decision.

I think I am going to redesign my website after I finish grading assignments.

Collapse
 
codewhiteweb profile image
Code White Dev • Edited

I prefer Dark themes

check this Out !
sidcraftdark

Collapse
 
sidcraftscode profile image
sid

Working on it 😉

Collapse
 
codewhiteweb profile image
Code White Dev

well I am working on my site's dark theme too :P
check it out :- Here

Collapse
 
codewhiteweb profile image
Code White Dev

and Yes
Animations Boiis!
try some simple css animations

Collapse
 
preethi_dev profile image
Preethi⚡

Really good transformation

Collapse
 
kdjeo1 profile image
usididsjfaasd

The website jams out

Collapse
 
exm profile image
Mokhtar ExM

Amazing website 😍, when you hit the humberger menu the scroll is still on , you should disable it 😉.

Collapse
 
sidcraftscode profile image
sid

Thanks for the feedback ❤️. Working on it now

Collapse
 
veeru43 profile image
Veeru43

Hi Can I Use Your Website Design

Collapse
 
sidcraftscode profile image
sid

Hey there! It may be better for you to come up with your own design so that you can showcase your design skills and add your own personality to your site.

Some comments may only be visible to logged-in visitors. Sign in to view all comments.