dev.to community’s top tech to build a website/portfolio
Tags: discuss, webdev, career, showdev
Published: 2020-03-01 13:35:37

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

{% link https://dev.to/thatonejakeb/what-tech-did-you-use-to-build-your-personal-website-portfolio-55i %}

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](https://dev-to-uploads.s3.amazonaws.com/i/ytvtf561bectbwxh5dqp.png)

# Languages

[HTML & CSS](https://www.codecademy.com/catalog/language/html-css)
Go together like a horse and carriage.

[SCSS](https://sass-lang.com/)
An extension of CSS3. Sassy.

[JavaScript](https://www.javascript.com/)
Is not related to Java.

[TypeScript](https://www.typescriptlang.org/)
Is related to JavaScript. Adds static typing, classes, interfaces and more.

[Python](https://www.python.org/)
Not related to snakes.


---


![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/t3e6ul8hthn5ydvmk2kx.png)

# Frameworks/Tools/Libraries

[React](https://reactjs.org/)
Open source JavaScript UI library typically used for Single Page Applications.

[Gatsby](https://www.gatsbyjs.org/)
An open source static site generator based on React.

[vue.js](https://vuejs.org/)
Open source JavaScript framework for developing UIs.

[WordPress](https://wordpress.com/)
PHP based open source CMS.

[Jekyll](https://jekyllrb.com/)
Static site generator. The engine behind Github pages.

[Gulp](https://gulpjs.com/)
Task runner used to automate development tasks.

[Gridsome](https://gridsome.org/)
vue.js based framework for generating static sites.

[Emotion](https://github.com/emotion-js/emotion)
Library for writing CSS in Javascript.

[Laravel](https://laravel.com/)
PHP based MVC framework.


---


![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/rsm5ixtmpuytd2x1vakz.png)

# Templating

[Markdown](https://www.markdownguide.org/getting-started/)
Lightweight markup language.

[AsciiDoc](https://asciidoctor.org/docs/what-is-asciidoc/)
Another lightweight markup language.

[EJS](https://ejs.co/)
Templating language that generates HTML with Javascript

[MDX](https://mdxjs.com/)
Allows the use of JSX in Markdown.


---


![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/2n397hw91rc44d9kdfke.png)

# Hosting/Deployment

[Github Pages](https://pages.github.com/)
Pages hosted from their Github repository.

[Netlify](https://www.netlify.com/)
All in one hosting and automation. Has a whole bunch of useful *stuff*.

[AWS S3](https://aws.amazon.com/s3/)
AWS S3 can be used to host static sites.

[Circle CI](https://circleci.com/)
Continuous integration and delivery platform.


---


![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/mmfofa8409d2edmu0adj.png)

#Community Stacks


[iamdeveloper.com/thanks/](iamdeveloper.com/thanks/)
React, TypeScript, Gatsby 
{% user nickytonline %}


---


[traekwells.com](traekwells.com)
Plain-old HTML, CSS, and JavaScript 
{% user traekwells %}


---


[Drewtown.dev](Drewtown.dev)
Vue, Gridsome, Tailwind CSS, hosted on Netlify 
{% user drewtownchi %}


---


[saurabhdaware.in](saurabhdaware.in)
Plain-old HTML, CSS, JavaScript 
{% user saurabhdaware %}


---


[https://waqasali.dev/](https://waqasali.dev/)
Jekyll hosted on Github pages
{% user totally_waqas %}


---


[fullstackstanley.com](fullstackstanley.com) 
Middleman hosted on Netlify 
{% user mitchartemis %}


---


[factualsearch.news](factualsearch.news)
React (TypeScript), Plop, and AWS S3 for hosting  
{% user drmikecrowe %}


---


[maksumrifai.netlify.com](maksumrifai.netlify.com) 
material-ui kit, GitHub, and Netlify for deployment 
{% user maksumrifai %}


---


[https://desiremcarmona.com/#/](https://desiremcarmona.com/#/) 
vue.js and SCSS 
{% user helleworld_ %}


---


[https://www.upyoura11y.com/](https://www.upyoura11y.com/)
Gatsby  
{% user s_aitchison %}


---


[byteschool.io](byteschool.io)
Headless WordPress, Gatsby, running on Netlify  
{% user marcbeaujean %}


---


[https://www.danaottaviani.com/](https://www.danaottaviani.com/) 
vue.js and Gridsome 
{% user dana94 %}


---


[https://shushugah.com/](https://shushugah.com/) 
NetlifyCMS and Jekyll hosted on GitHub or Netlify 
{% user shushugah %}


---


[https://gergely.polonkai.eu/](https://gergely.polonkai.eu/)
Pelican 
{% user gergelypolonkai %}


---


[chadalen.com](chadalen.com)
React, Gatsby, React Material UI, Disqus and Netlify  
{% user chadalen %}


---


[ophasnoname.de](ophasnoname.de)
Laravel and Markdown 
{% user ophasnoname %}


---


[https://caughtmyeye.dev/](https://caughtmyeye.dev/)
CloudCannon, Jekyll, Liquid, JavaScript, SCSS
{% user marklchaves %}


---


[https://workalicious.com/](https://workalicious.com/)
vue.js and Foundation CSS Framework 
{% user workalicious_yo %}


---


[https://bonfiglioalessio.github.io/](https://bonfiglioalessio.github.io/)
React, Reactstrap, Bootstrap 
{% user bonfiglioalessio %}


---


[https://ogaston.com/knowme/](https://ogaston.com/knowme/)
Gatsby  
{% user ogaston %}


---


[https://shayaulman.netlify.com/](https://shayaulman.netlify.com/)
vue.js and Gridsome 
{% user shayaulman %}


---


[https://vbelolapotkov.com/](https://vbelolapotkov.com/)
Gatsby, Netlify CMS, Gitlab Pages for hosting  
{% user vbelolapotkov %}


---


[https://heyayush.com/](https://heyayush.com/)
Gatsby, Netlify, and Circle-CI 
{% user hey_ayush %}


---


[http://www.cpuremake.tv/](http://www.cpuremake.tv/)
HTML, CSS, JS  
{% user courtneypure %}


---


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!