colorBar
portfolio tablet view

Portfolio

Description

This is my personal website where I can show my projects and present my current developer skills.

I wanted to create website that could be as fast as possible and also easy to maintain so I chose static generated website combained with headless cms.

The website layout was designed by me in Adobe XD.

Technologies

One of the requirements was to build a final product using React. Having in mind these facts there were two choices: Gatsby and Next.js.

Gatsby was looking pretty nice but I needed framework with a lot of configuration possibilities that isn't forcing developer to anything. This is why I went with Next.js (+ some other smaller libraries). Website the content is fetched from Storyblok.

I really recommend this stack - it's very convinient during development proccess (all configs ready, HMR, Scss) and also very easy to deploy (generate and uplaod files). I was missing some prettier and eslint hints so I added it and finally whole dev stage is really smooth and fast.

Next.js comes with built-in SSR, so all necessary data are being fetched from CMS API only during generating proccess. After deploy there is no single API request executed during website browsing because every page that user can vitit is just static HTML (and I really believe Google Search Engine like it).

JavaScriptReactNext.jsWebpackTravis CI

Released

calendar

01/2019

colorBar

Screens & Screencasts

phone view
phone view
tablet view
tablet view
phone
phone
desktop view
desktop view