Syntax - Tasty Web Development Treats Hasty Treat - Wes' New Personal Website
May 11, 2020
Scott and Wes dive into Wes' revamp of his personal website for the first time since 2014. They discuss transitioning from WordPress to a modern stack featuring Gatsby, React, and MDX for enhanced performance and content management. The duo shares insights on design choices, the importance of typography, and using styled components. They explore the challenges of content migration, the benefits of static site generation, and clever tricks for a responsive and visually appealing site. Plus, learn about serverless functions and the exciting world of open-source development!
AI Snips
Chapters
Transcript
Episode notes
Website Crashing
- Wes's old website, hosted on Bluehost, would crash when he sent emails to his large audience due to a delay in server scaling.
- This led to many emails about the downtime and prompted him to rebuild the site.
Open Source Your Content
- Move your content to GitHub and make it editable by the community.
- Wes received many pull requests fixing mistakes and updating content within a day.
Gatsby JS Hybrid Approach
- Gatsby JS generates HTML beforehand, but also uses React for a full-blown application experience after the initial load.
- This hybrid approach combines static site generation with dynamic React functionality.