Artwork

Content provided by Jake Hopking. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by Jake Hopking or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://player.fm/legal.
Player FM - Podcast App
Go offline with the Player FM app!

#QuickCuppa - Thoughts on GatsbyJS, the React-based SSG framework

32:20
 
Share
 

Manage episode 267642796 series 2761562
Content provided by Jake Hopking. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by Jake Hopking or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://player.fm/legal.

UIT 5: In this week's episode I share my thoughts on the use of GatsbyJS and whether I feel it's a viable static site generator framework.
What are static sites?
Static sites have been around for a very long time, and realistically are the original website: simply HTML, CSS, and JavaScript. They are not rendered during runtime; there is no server-side code, no database, etc.
What’s a static site generator?
It’s a tool that generates static sites whenever you decide to run a build on your code base.
Contrast this to typical javascript frameworks and libraries, these usually generate HTML content on the client side during runtime.
How is this different from server-side rendering? The primary difference is that there is no server-side code. So, unlike a framework such as Django, Gatsby does not render anything on the server when a request is made. Everything is generated at the build time of the application.
A few benefits of a static site are: speed, the simplest infrastructure, search engine optimization, and security.
GatsbyJS
“Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps”

  • Built on top of ReactJS
  • GraphQL for data
  • Uses any source for content; I use MDX (JSX in Markdown)

Pros

  • Love React, writing components is a joy.
  • Because it’s built on ReactJS has access to a huge ecosystem of packages.
  • ...

Full show notes available at https://uitherapy.fm/episodes/5/
Links

Support the show
  continue reading

8 episodes

Artwork
iconShare
 
Manage episode 267642796 series 2761562
Content provided by Jake Hopking. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by Jake Hopking or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://player.fm/legal.

UIT 5: In this week's episode I share my thoughts on the use of GatsbyJS and whether I feel it's a viable static site generator framework.
What are static sites?
Static sites have been around for a very long time, and realistically are the original website: simply HTML, CSS, and JavaScript. They are not rendered during runtime; there is no server-side code, no database, etc.
What’s a static site generator?
It’s a tool that generates static sites whenever you decide to run a build on your code base.
Contrast this to typical javascript frameworks and libraries, these usually generate HTML content on the client side during runtime.
How is this different from server-side rendering? The primary difference is that there is no server-side code. So, unlike a framework such as Django, Gatsby does not render anything on the server when a request is made. Everything is generated at the build time of the application.
A few benefits of a static site are: speed, the simplest infrastructure, search engine optimization, and security.
GatsbyJS
“Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps”

  • Built on top of ReactJS
  • GraphQL for data
  • Uses any source for content; I use MDX (JSX in Markdown)

Pros

  • Love React, writing components is a joy.
  • Because it’s built on ReactJS has access to a huge ecosystem of packages.
  • ...

Full show notes available at https://uitherapy.fm/episodes/5/
Links

Support the show
  continue reading

8 episodes

All episodes

×
 
Loading …

Welcome to Player FM!

Player FM is scanning the web for high-quality podcasts for you to enjoy right now. It's the best podcast app and works on Android, iPhone, and the web. Signup to sync subscriptions across devices.

 

Quick Reference Guide