Exactly one year ago I asked the dev community what tech they used to build their personal website/portfolio and later compiled the answers.
So to carry on the tradition (tradition!):
What tech did you use to build your personal website/portfolio?
Bonus question if you answered last year: has it changed?
Feel free to shamelessly plug your website/portfolio if you answer!
Oldest comments (55)
I'll kick things off!
On jacobb.uk I'm using Gatsby with Material-UI for styling. Mostly so I can stay in the react world. Hasn't changed much from last aside from adding blog posts to play with Netlify CMS.
I build my website last year and refreshed it this year, so I guess I am still allowed to answer 😉.
I used Gatsby (👍) too but, no templates nor design systems aka just custom made CSS.
Looks good! I have to say I did think the Tie Tracker project was about formal wear before I noticed the logo 😛
Hahaha if one day I stop freelancing and wearing shorts at work, I can reuse the brand name to sell sustainable ecological tie 😉
You can use blockchain to track the tie from raw materials to point of sale!
🤣
I might be able to raise US$ 100 millions on a serie A with such an idea 😉
That's minimal and great. Could you share the learning resources to add Material-UI with Gatsby (except official documentation) ?
I've theweeklyspark.net and it's using Materialize CSS only. I want to convert it to Material-UI powered design.
I don't have a portfolio, but the tech I used to build moopet.net was HTML and CSS.
10/10 best not-portfolio I've seen.
I'm using Next.js for my blog chrisko.io, stlye-jsx for component-scoped CSS and writing posts in markdown. Planning to switch from remark to next-mdx-remote
Github Pages - ramansharma.me/
Like the simplicity! I did spend longer than I care to admit trying to click “Technologist” and “Marketer” as if they were links 😶
yoursunny.com has been operating since 2006. It's still Markdown rendered by handwritten PHP script, running in nginx web server. Two directories are using Jekyll and Hexo static site generators. These were the result of 2017 rebuild.
Earlier this month, I got a new VPS and moved TLS termination part to use Caddy web server, which can manage certificates automatically. The backend is still nginx for now, so that I don't have to write dozens of redirect rules again. I have these redirect rules so that 15 years worth of old links can still work.
Wow! That's quite a history. Are those posts from 1998+ old diary entries?
Sounds like the website itself is old enough for an 'about me' page it!
The 1998 article is my homework from elementary school.
2002-2005 articles are diary entries, most of which were originally on paper; I typed them into computer around 2011.
Most of 2005-2008 articles are either copied from Windows Live Spaces, or converted from my college homework.
The starting of this website is documented in yoursunny.com/t/2006/yoursunny-com... article.
Prior to 2010, there were no Markdown. Everything was in HTML, either handwritten or generated by Word / WordPress / TinyMCE / Blogger / Windows Live Writer / Google Docs. Simpler pages were manually converted to Markdown. More complex pages are still in HTML, and my server side scripts have to accommodate that.
From time to time, I would discover a broken link, a typo, or other errors, from a page made 7~10 years ago, and I'm still fixing these.
I don't know what to do with the 4 pages using Shockwave Flash Player…
Gatsby is the winner in this category for me. I've launched a couple of portfolio style and content driven sites lately and Gatsby makes building and deploying so easy.
My portfolio is dwalsh.dev and I just recently refactored it from using CRA (create-react-app) to NextJS using their static site generation. It also now pulls in my two most recent DEV Community posts during build using the getStaticProps() page function.
Wow. Looks great.
Thank you! ☺️
nice ux, great feel on scroll 😉
Cheers, appreciate the kind words 🙇♂️
Looks nice! What did you use for the reveal animations - some library or did you make it yourself? Did you use a template or code from scratch?
Thank you! ☺️🙇♂️ I used react-reveal for the animations. I built the site from scratch and included the new Bootstrap 5 beta which I’ve customised via SCSS for my needs.
On jaskiratoberoi.com I used CRA(create-react-app) as base but did the design of the whole site using custom css (scss) from scratch.
Looks sleek! Nice one.
I am using Next.js for my portfolio site rishabh.live. Yup, It's still in progress and with each new commit, I am learning new stuff.
It's looking good! How are you finding Next.js to work with?
It's really awesome to work with. Easy to get started with the project, and push it to production level.
I'm using Gridsome but I may change things for 2021. I'm having trouble running the site locally out of nowhere so I'm considering other tech for the next one. Accessibility is something I'm really thinking hard about so it will be a critical part for my next choice.
danaottaviani.com/
Can't say I've had much experience with vue.js or Gridsome! Any initial thoughts for what you might try out tech-wise next?
Also-- do you have any good resources for accessibility? It is something I could (and should) do better on my own website.
I'm not sure. I'd prefer to stick with Vue.js though.
I found the A11y Project for accessibility resources useful.