What tech-stack do you use for your portfolio?

Nowadays common way for building personal portfolios is to use SSGs like Gatsby or NextJS due to speed, maintenance, security, deployment, etc.

What tech stack do you use for your personal portfolio?

Comments

[Louis Low]

I craft everything from scratch myself for my portfolio by using in-house proprietary tools ~ krugurt.js (MVP framework) and Yogurt low-level CSS framework. Content data stores as JSON. Some content feeding remotely simply using fetch().

[Joao Ram]

Lately I have been using React and NextJS. What I always have a little doubt is how to choose where to deploy it, and recently I tried Kubernetes and I am happy that I did... it is really cool what you can achieve with it, I definitely recommend it.

[Simranjeet Singh]

First, I built my portfolio site with pure HTML, CSS, and vallina JS, but now shifted it to React SPA (Single Page App) for smooth performance and transitions.
Here's the link

[Arvin A]

Isn't React bad for SEO? Are you using isomorphic react or just pure React SPA? I'm torn between going to pugJS or stay with React and let it affect the SEO.

[Simranjeet Singh]

Isn't React bad for SEO?
No
U can use react-helmet and other libraries

and I used pure React, since when build, I was new to React and was my first project

Nextjs and Gatsbyjs are better options

[z2lai]

Your freaky-frog game is the best thing I've played on a browser in like 15 years. I'm looking forward to your next mobile game.

[Simranjeet Singh]

Ur comments made my day, thank u so much.
I'm not much of a game developer, made this just as a hobby learning.

[z2lai]

Dawg your portfolio site is MINDBLOWINGLY interactive!

[Simranjeet Singh]

Thanks ❤
but more credits to this, this one's much better.

[Ganesh khadanga]

Does source code of your portfolio is available. Because the idea of SPA in your portfolio is really awesome . And I also want to recreate my portfolio inspired by yours .

[Simranjeet Singh]

No, but u can always do dev-tools(inspect). That's how I did from this, was a good learning experience.

[webbureaucrat]

I'm a huge shill for Eleventy. It's a good compromise between being simple and easy to start with and being extensible.

[Corentin Bettiol]

Here's for my website (in french) : vanilla php (mvc oo architecture), mariadb, vanilla html+css, vanilla js :)

edit: here's the lighthouse score:

[Louis Low]

My portfolio website does not have such beautiful and eye-catching green color numbers and bordered-circles. But the website overall painting and rendering are just a few milliseconds. I think it is still pretty damn fast to me for such a heavy content portfolio. The website doesn't care about the internet connection, it has on-demand-caching mecha and an adaptive image loader.

[Corentin Bettiol]

Your website won't load for µBlock Origin users since there is a filter that blocks the keyword cookie-consent:

[Corentin Bettiol]

I don't really understand what you want to say with "just a few milliseconds" ?

[C M Pandey]

HTML, CSS, JS, jQuery, Bootstrap.

👉 Visit my awesome portfolio 😎

GitHub Link 👇

cmcodes1 / cmcodes1.github.io

😊 Here's my portfolio where you can see all my projects, blogs, and achievements.

😄 cmcodes1.github.io

Here's my portfolio!

Preview

Lighthouse Report

If you wanna know, how I got such good scores, head over to my blogs, where I've shared all my secrets 👇

👉 My website now loads in less than 1 sec! Here's how I did it! ⚡

👉 How my portfolio got a SEO score of 100 ? 😲

CLICK HERE TO VISIT MY PORTFOLIO

Browser Compatibility

✔	✔	✔	✔	✔

View on GitHub

[Michael Hoffmann]

The Engineering Behind My Portfolio Website

Michael Hoffmann ・ Dec 13 '18 ・ 7 min read

#portfolio #website #engineering #web

[Micah Lindley]

I built my portfolio site with pure HTML, CSS, and JS. It's generally pretty performant and easy to update, and I host it on GitHub Pages. I have been considering an update to CSS Grid instead of using a bunch of 2D transforms like I currently am. micahlindley.com/

[Ian Bittencourt Andrade]

Gatsby + Strapi 😃

[Greg, The JavaScript Whisperer]

I used gridsome.org/ and tailwindcss.com/ for gregbenner.life/ pretty happy so far. It's a full static site.

[Pablo Herrero]

And why not Angular?

[Alexandre Abreu]

I’m using React + Markdown to parse Strapi CMS data and deployed into GitHub Pages

[Médéric Burlet]

HTML, CSS and just a small javascript library for design.
I prefer testing tasks with proper projects and just make sure that my portfolio is blazing fast.

medericburlet.com/

[Ghazi Khan]

I used wordpress for my site codewithghazi.com

[Viren B]

I'm currently using Gatsby.js + MDX for my personal/blog site (virenb.cc). I decided to switch from Contentful CMS to using local markdown pages. It is hosted and deployed with Netlify. I think the space is great, there are so many interesting options to chose from.