Just before Christmas I asked the community what tech they used to develop their own personal website/portfolio.
What tech did you use to build your personal website/portfolio?
Jacob Baker ・ Dec 17 '19 ・ 1 min read
With the best of intentions I had planned to compile this write-up just after New Year, but as happens life just gets in the way!
So, without further ado, in no particular order, here’s the most popular tech used by the dev.to community and some example stacks in use.
Languages
HTML & CSS
Go together like a horse and carriage.
SCSS
An extension of CSS3. Sassy.
JavaScript
Is not related to Java.
TypeScript
Is related to JavaScript. Adds static typing, classes, interfaces and more.
Python
Not related to snakes.
Frameworks/Tools/Libraries
React
Open source JavaScript UI library typically used for Single Page Applications.
Gatsby
An open source static site generator based on React.
vue.js
Open source JavaScript framework for developing UIs.
WordPress
PHP based open source CMS.
Jekyll
Static site generator. The engine behind Github pages.
Gulp
Task runner used to automate development tasks.
Gridsome
vue.js based framework for generating static sites.
Emotion
Library for writing CSS in Javascript.
Laravel
PHP based MVC framework.
Templating
Markdown
Lightweight markup language.
AsciiDoc
Another lightweight markup language.
EJS
Templating language that generates HTML with Javascript
MDX
Allows the use of JSX in Markdown.
Hosting/Deployment
Github Pages
Pages hosted from their Github repository.
Netlify
All in one hosting and automation. Has a whole bunch of useful stuff.
AWS S3
AWS S3 can be used to host static sites.
Circle CI
Continuous integration and delivery platform.
Community Stacks
iamdeveloper.com/thanks/
React, TypeScript, Gatsby
traekwells.com
Plain-old HTML, CSS, and JavaScript
Drewtown.dev
Vue, Gridsome, Tailwind CSS, hosted on Netlify
saurabhdaware.in
Plain-old HTML, CSS, JavaScript
https://waqasali.dev/
Jekyll hosted on Github pages
fullstackstanley.com
Middleman hosted on Netlify
factualsearch.news
React (TypeScript), Plop, and AWS S3 for hosting
maksumrifai.netlify.com
material-ui kit, GitHub, and Netlify for deployment
https://desiremcarmona.com/#/
vue.js and SCSS
https://www.upyoura11y.com/
Gatsby
byteschool.io
Headless WordPress, Gatsby, running on Netlify
https://www.danaottaviani.com/
vue.js and Gridsome
https://shushugah.com/
NetlifyCMS and Jekyll hosted on GitHub or Netlify
https://gergely.polonkai.eu/
Pelican
chadalen.com
React, Gatsby, React Material UI, Disqus and Netlify
ophasnoname.de
Laravel and Markdown
https://caughtmyeye.dev/
CloudCannon, Jekyll, Liquid, JavaScript, SCSS
https://workalicious.com/
vue.js and Foundation CSS Framework
https://bonfiglioalessio.github.io/
React, Reactstrap, Bootstrap
https://ogaston.com/knowme/
Gatsby
https://shayaulman.netlify.com/
vue.js and Gridsome
https://vbelolapotkov.com/
Gatsby, Netlify CMS, Gitlab Pages for hosting
https://heyayush.com/
Gatsby, Netlify, and Circle-CI
http://www.cpuremake.tv/
HTML, CSS, JS
If any of the examples I’ve linked are out of date, or you have one you would like added, let me know and I’ll update/add them!
Top comments (0)