Instruments for Constructing Your Personal Web site (Gatsby, React, JS)
The quantity of instruments for contemporary internet growth could be fairly overwhelming, and their quantity is just rising. That is my tackle the instruments you have to construct an internet site in 2021. The video will break down the capabilities of 4 important parts for making an internet site, discover why we want them, and present how they match collectively.
The stack that I am going to go over right here is the usual React + GatsbyJS toolchain, paired with Bulma for styling and GraphQL for querying information, however I wish to make this normal sufficient that you could search for alternate options and evaluate the multitude of accessible instruments so you possibly can customise your internet growth loadout. The main target will likely be on frontend, static web sites, which is the mannequin for constructing your individual private web site, weblog, or small software.
====== Examples =====
https://jovial-banach-517dd1.netlify.app/tutorials/ – Preview the way forward for wintermutedigital.com constructed utilizing the precise toolchain described on this video.
https://wd-pmdr.netlify.app/ – A minimal pomodoro timer constructed with React and Bulma.
https://rat-ece-simulator.netlify.app/ – A easy sport with an internet site surrounding it. Constructed with React, Bulma and the Phaser 3 sport engine. In case you wish to replicate the performance of itch.io, however have whole management over the show.
===== Notes =====
I apologize for this video being late, it has been a very long time coming and I did not wish to rush this video for December, what with 5 engineering exams on my doorstep. Hopefully you will discover one thing attention-grabbing on this video, although it’s totally different than my ordinary gamedev / blender content material. It’s associated although, since internet growth is related to each – You’ll be able to construct a touchdown web page to your sport utilizing React ( valorant.gg as an example), or a portfolio to your digital art work. I believe it is a helpful talent.
Thanks for these of you who inspired me to make a Discord! It’s now stay, right here: https://discord.gg/5yjzTmmavY. I am grateful to the little group that is shaped round this channel and I might be glad to speak and hang around.
===== Timestamps =====
0:00 – Intro
0:45 – Gatsby, a Static Website Generator
2:29 – GraphQL, a Knowledge Layer Software / Question Language
3:50 – ReactJS, a Frontend UI Library for JS & TS
6:00 – Recap
6:37 – BulmaCSS – A (S)CSS Framework
7:35 – Instance of the way it works on Wintermute Digital
#webdev #react #js