DEV Community

loading...
Cover image for dev.to community’s top tech to build a website/portfolio

dev.to community’s top tech to build a website/portfolio

thatonejakeb profile image Jacob Baker ・3 min read

Just before Christmas I asked the community what tech they used to develop their own personal website/portfolio.

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.

Alt Text

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.


Alt Text

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.


Alt Text

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.


Alt Text

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.


Alt Text

Community Stacks

iamdeveloper.com/thanks/
React, TypeScript, Gatsby

nickytonline image

traekwells.com
Plain-old HTML, CSS, and JavaScript


Drewtown.dev
Vue, Gridsome, Tailwind CSS, hosted on Netlify


saurabhdaware.in
Plain-old HTML, CSS, JavaScript

saurabhdaware image

https://waqasali.dev/
Jekyll hosted on Github pages

totally_waqas image

fullstackstanley.com
Middleman hosted on Netlify

mitchartemis image

factualsearch.news
React (TypeScript), Plop, and AWS S3 for hosting

drmikecrowe image

maksumrifai.netlify.com
material-ui kit, GitHub, and Netlify for deployment

maksumrifai image

https://desiremcarmona.com/#/
vue.js and SCSS

helleworld_ image

https://www.upyoura11y.com/
Gatsby

s_aitchison image

byteschool.io
Headless WordPress, Gatsby, running on Netlify

marcbeaujean image

https://www.danaottaviani.com/
vue.js and Gridsome

dana94 image

https://shushugah.com/
NetlifyCMS and Jekyll hosted on GitHub or Netlify

shushugah image

https://gergely.polonkai.eu/
Pelican

gergelypolonkai image

chadalen.com
React, Gatsby, React Material UI, Disqus and Netlify

chadalen image

ophasnoname.de
Laravel and Markdown

ophasnoname image

https://caughtmyeye.dev/
CloudCannon, Jekyll, Liquid, JavaScript, SCSS

marklchaves image

https://workalicious.com/
vue.js and Foundation CSS Framework

workalicious_yo image

https://bonfiglioalessio.github.io/
React, Reactstrap, Bootstrap

bonfiglioalessio image

https://ogaston.com/knowme/
Gatsby

ogaston image

https://shayaulman.netlify.com/
vue.js and Gridsome

shayaulman image

https://vbelolapotkov.com/
Gatsby, Netlify CMS, Gitlab Pages for hosting

vbelolapotkov image

https://heyayush.com/
Gatsby, Netlify, and Circle-CI

hey_ayush image

http://www.cpuremake.tv/
HTML, CSS, JS

courtneypure image

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!

Discussion (0)

pic
Editor guide