DEV Community

Cover image for I open-sourced my portfolio + blog template built with Gatsby & Tailwind
Ryan Fitzgerald
Ryan Fitzgerald

Posted on

I open-sourced my portfolio + blog template built with Gatsby & Tailwind

Hey everyone! I recently open-sourced Devfolio, which is a personal portfolio + blog template I built with GatsbyJS and TailwindCSS.

I wanted to create something that was completely production-ready out of the box (you just edit one config file and deploy), but also easy to customize and extend if you wanted to take it further. Also, because it's built with Gatsby, the final result is fairly fast.

I'm currently using a slightly customized version for my own personal site as well, if you wanted to see another example of it.

Hopefully some of you find it useful for your own purposes and if anyone has any suggestions for additions, I'd love to hear them! Also, if you need any help, feel free to reach out on Twitter.

Top comments (12)

Collapse
 
bywaleed profile image
Waleed

Nice design and implementation. Excellenet work making it OS.

A suggestion would be to add portfolio section on the home page, to showcase work (screenshot, title and short decription). Also, it would be nice to have an option to create a detailed page for a project, similar to a blog post page.

Collapse
 
rfitz profile image
Ryan Fitzgerald

Thank you! I love the showcase idea. I think it could be awesome to provide the option to either link to the project or to a detailed page like you mentioned.

Collapse
 
bywaleed profile image
Waleed

I would also suggest adding a section for showcasing certifications and accomplishment (like Hacktober Fest) with a possible link to the certification or course page. Taking this one step further, it would be awesome to have dynamic stats shown from various platforms such as Github (commits and stars) and StackOverflow.

Collapse
 
vamsikrish profile image
Vamsi Krishna

Loved the simple design. I am looking to build my portfolio website will definitely use this. Looking for something which is simple and focused. Thanks for sharing. The only addition which can be added is a dark mode toggle. But this is still great

Collapse
 
rfitz profile image
Ryan Fitzgerald

Thank you and not a problem! Dark mode is actually on my list, I've started to work on it already and should have it added soon.

Collapse
 
tomekdev_ profile image
🤓 Tomek Nieżurawski

Nice job man! Looks really clean 👏 Aren't you afraid of clones?

Collapse
 
rfitz profile image
Ryan Fitzgerald

Thank you! And I'd love for people to clone it. The main goal for the template was to help others out in setting up their own site (either by using this one or using it as inspiration).

Collapse
 
tomekdev_ profile image
🤓 Tomek Nieżurawski

Cool :) I think some authors are afraid these days that people just copy their blog with a nice template and don't change a thing. So you kind of lose the identity of your own blog/website. That's why I am asking.

Thanks for inspiration 🙌

Collapse
 
braydentw profile image
Brayden W ⚡️

Awesome! I’ve recently done the same with my own Tailwind template

Collapse
 
rfitz profile image
Ryan Fitzgerald

Thank you! Love your template as well, it's clean and the animation on load looks awesome.

Collapse
 
braydentw profile image
Brayden W ⚡️

Thanks so much. A star would be much appreciated :D

Collapse
 
iamsarthakjoshi profile image
Sarthak Joshi • Edited

Instantly fell in love with this clean design. I implemented this design with Next.js. :) Thank you very much, man!