No wrong answers here, what tools/stack would you choose and why?
For further actions, you may consider blocking this person and/or reporting abuse
No wrong answers here, what tools/stack would you choose and why?
For further actions, you may consider blocking this person and/or reporting abuse
dev.to staff -
dev.to staff -
dev.to staff -
Olukayode Asemudara -
Latest comments (95)
I would mostly stick to what I am currently using which includes:
Why a custom site generator? This is related to last bullet above. I wanted to be able to generate my publication list as well as abstract pages for each publication directly from a BibTeX file. I also wanted structured data markup for this. So since no existing site generators did this, I hacked something together. The code is a mess (in a private repo for that reason). I wrote it quickly and have hacked in new features as I've wanted them. Think duct tape and silly putty holding it all together.
Site is at: cicirello.org/
The publication list page generated by the site generator from a BibTeX file is at:
cicirello.org/publications/ .
And an example of one of the abstract pages also derived from the BibTeX file: cicirello.org/publications/cicirel...
The content for rest of site is maintained in a hacked together format. This is what I'd change if I started over. Not sure what I'd use exactly.
Astro.js and Tailwind CSS
My most recent portfolio was built with this tech stack:
No need for anything too complicated because this current portfolio is more of a landing page that links to my other profiles. Single page and lightweight andrewbaisden.com/
I built my very first website using HTML/CSS and some JavaScript. But for my personal portfolio I am planning to use react to apply the concepts I learned.
Tools I'd use:
Using only a FE framework I also would use Git versioning from day one.
I wouldn't use a toolkit for complex webapps like react or such unless there are solid reasons to do so, like if your backend is already in place and is API-first or something. If you want to use the opportunity to use and learn something new the I'd go for offline static site generation with Gatsby or Hugo or something. But I'd rather avoid that as it's probably overkill for a personal portfolio website. You want to concentrate on other things when building that rather than learning new stuff meant for fringe cases.
I do not need a portfolio page, but I finally got my personal page to be as I want it: Built on Emacs org-mode publish, static site, with vcs-provided newest change on the first page, categories and clean PDF export, some of the pages embedding Javascript to provide purely frontend interactive content, with local tooling in Emacs, so creating new pages needs just a simple command, and autotools for full make distcheck to ensure that it works.
This page is what I use to publish everything I create — from simple comments (integrated with org-capture) over drawings and notes from roleplaying sessions to lecture slides; and all categorized so it stays easy to find.
It does not showcase technologies, but shows that I know what I use and understand how tools interact.
And it is free and copyleft licensed, so others can build on it: hg.sr.ht/~arnebab/draketo
Missing:
Just plain HTML and CSS. In most cases you don't even need JavaScript. Developers really love to over-engineer. Actually you can skip coding and just grab an HTML Template. Or just grab a WordPress Theme. I personally prefer simple things...Vanilla.
The tools that will help me make my personal portfolio
TailwindCSS, Angular, Firebase hosting, Github actions
How about using Hugo hosted on Netlify. Easy peezy, with SSL and CDN, commit and deploy straight from git. A bit like static hosting with S3 and Cloudfront but all the deployment handled for you Netfly.
In my eyes in such a case a static site generator fits perfectly. Choose your favorite language and you should be able to have a kickstarter site within minutes. Most SSGs provide some templates / starters as well. Moreover most of these SSGs provide rich plugin mechanism for common use cases: e.g. sitemaps, i18n, .htaccess, seo, manifest, PWA, ...
My personal favorite is Gridsome. It's based on Vue.js and has a collection of starter templates and plugins. Besides I'm a huge fan of the GraphQL data layer.
And a while ago I had a same question in mind. Maybe you like my portfolio template :)
I could not really find something that worked for me. Ended up creating vados, a rust ststic site generator with balma classes in the html. Did use it for a site about my bass before. Hope to add a few things this weekend, like canonical url support, so I can create a first version of a portfolio also.
I'll use following tools.
I have already created my portfolio website with above mentioned tools. I love these tools because they make creating a beautiful portfolio website process very easy.
Here is my portfolio link mahmad.me
For my personal portfolio site I went with good old fashion HTML, CSS, and Javascript with all the content hardcoded. It was a way to keep things simple and performant. I would probably stick with this setup since there isn’t anything too crazy on my site.
But if I were to build something that needed some more interactivity and pages, I might reach for something like Qwik, or Astro.build. Reason being, I appreciate that they both seem to prioritize HTML over Javascript.
Nuxt 3 + Typescript, probably deployed on Netlify. My main reason is I love using Vue 3 and Typescript. This way I can build all my pages to static HTML for SEO purposes and also have nice SPA transitions between views. Nuxt 3 is super cool, and I can write endpoints (say for a contact form or using some API) that can be built to Netlify functions. The Nuxt Content library exists as well (although I am unsure whether it does for Nuxt 3 yet) which makes building content from static markdown files really nice. I could combine this with Netlify CMS for a nice WYSIWYG content editor for the site. As far as CSS frameworks go, I'd probably write my own, or maybe modify Bulma to fit my needs. Not the biggest fan of Tailwind personally, but that's a valid option too.