539 creating and maintaining successful design systems with brad frost (

#541) * podcast brad frost * update title * added more questions and talking points * purrfect pick * updated notes with a global design system section * updated title, slug, added purrfect picks, and edited post. * wait for devto to finish before hashnode starts * update devto for starlight post * main-devto updates * main-devto updates * main-devto updates * main-devto updates * add localstack slide images * space images * update github links * brad frost podcast updats --------- Co-authored-by: brittneypostma <bdesignedwebdev@gmail.com> Co-authored-by: codercatdev <codercatdev@users.noreply.github.com>
CodingCatDev · Mar 1, 2024 · da7b25d · da7b25d
1 parent 812efa8
commit da7b25d
Show file tree

Hide file tree

Showing 11 changed files with 313 additions and 91 deletions.
diff --git a/.github/workflows/syndicate.yml b/.github/workflows/syndicate.yml
@@ -53,6 +53,7 @@ jobs:
           commit_message: dev-devto updates
           branch: dev
   hashnode:
+    needs: dev-to
     environment: main
     runs-on: ubuntu-latest
     steps:

diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,5 @@
+{
+  "cSpell.words": [
+    "themeable"
+  ]
+}
diff --git a/apps/codingcatdev/src/lib/types/index.ts b/apps/codingcatdev/src/lib/types/index.ts
@@ -91,6 +91,7 @@ export interface Socials {
 	facebook?: string;
 	github?: string;
 	instagram?: string;
+	lastfm?: string;
 	linkedin?: string;
 	email?: string;
 	mastodon?: string;

diff --git a/apps/codingcatdev/src/routes/(content-single)/(non-course)/Author.svelte b/apps/codingcatdev/src/routes/(content-single)/(non-course)/Author.svelte
@@ -13,6 +13,7 @@
 		Github,
 		Instagram,
 		Linkedin,
+		Lastdotfm,
 		Mastodon,
 		Medium,
 		Polywork,
@@ -108,6 +109,16 @@
 									<Icon src={Instagram} class="w-8" theme="solid" />
 								</a>
 							{/if}
+							{#if data.content?.socials?.lastfm}
+								<a
+									target="_blank"
+									rel="noopener noreferrer"
+									href={data.content?.socials?.lastfm}
+									class="hover:!text-primary-500 !text-surface-900 dark:!text-surface-300 dark:hover:!text-primary-500 hover:!scale-110"
+								>
+									<Icon src={Lastdotfm} class="w-8" theme="solid" />
+								</a>
+							{/if}
 							{#if data.content?.socials?.linkedin}
 								<a
 									target="_blank"

diff --git a/...codingcatdev/src/routes/(content-single)/(non-course)/guest/brad-frost/+page.md b/...codingcatdev/src/routes/(content-single)/(non-course)/guest/brad-frost/+page.md
@@ -0,0 +1,24 @@
+---
+type: guest
+cover: https://media.codingcat.dev/image/upload/v1700821879/main-codingcatdev-photo/podcast-guest/brad-frost.png
+name: Brad Frost
+published: published
+slug: brad-frost
+start: January 1, 2000
+socials:
+  github: https://github.com/bradfrost
+  instagram: http://instagram.com/brad_frost
+  linkedin: https://www.linkedin.com/in/bradfrost
+  lastfm: http://www.last.fm/user/brad_frost
+  mastodon: https://mastodon.social/@brad_frost
+  codepen: http://codepen.io/bradfrost/
+  spotify: https://open.spotify.com/user/ienjoyhotsoup
+  twitter: https://twitter.com/brad_frost/
+  youtube: https://www.youtube.com/@brad_frost
+websites:
+  - https://bradfrost.com/
+---
+
+## Profile
+
+[Brad Frost](https://bradfrost.com) is a design system consultant, front-end developer, speaker, writer, musician, and artist located in beautiful Pittsburgh, PA. As a principal and design system consultant at [Big Medium](https://bigmedium.com/), he helps teams establish and evolve design systems, establish more collaborative workflows, and create better software together.. He is the author of the book [_Atomic Design_](http://atomicdesign.bradfrost.com/), which introduces a methodology to create and maintain effective design systems. He co-hosted the [Style Guides Podcast](http://styleguides.io/podcast/) and has helped create several tools and resources for web designers, including [Pattern Lab](http://patternlab.io/), [Styleguides.io](http://styleguides.io/), [Style Guide Guide](http://bradfrost.github.io/style-guide-guide/), [This Is Responsive](http://bradfrost.github.io/this-is-responsive), [Death to Bullshit](http://deathtobullshit.com/), and [more](https://bradfrost.com/projects/).
diff --git a/...-single)/(non-course)/podcast/4-6-supabase-release-week-x-new-features/+page.md b/...-single)/(non-course)/podcast/4-6-supabase-release-week-x-new-features/+page.md
@@ -3,43 +3,39 @@ type: podcast
 authors:
   - alex-patterson
 episode: 6
-recording_date: Dec 19, 2023 5:00 PM
+recording_date: 'Dec 19, 2023 5:00 PM'
 season: 4
 published: published
 podcast: CodingCat.dev
 chapters_done: false
 cloudinary_convert: false
-cover: https://media.codingcat.dev/image/upload/v1707860877/main-codingcatdev-photo/4-supabase-release-week-x.png
-devto:
-excerpt: Supabase dropped a lot of new features during their X launch, I review these with Jon.
+cover: >-
+  https://media.codingcat.dev/image/upload/v1707860877/main-codingcatdev-photo/4-supabase-release-week-x.png
+devto: 'https://dev.to/codingcatdev/supabase-new-release-33fe'
+excerpt: >-
+  Supabase dropped a lot of new features during their X launch, I review these
+  with Jon.
 guests:
   - jon-meyers
-hashnode:
+hashnode: podcast-4-6-supabase-release-week-x-new-features-1
 picks:
-  [
-    {
-      author: 'jon-meyers',
-      name: 'Little Bits Synth Kit',
-      site: 'https://reverb.com/p/korg-little-bits-synth-kit'
-    },
-    {
-      author: 'alex-patterson',
-      name: 'Roll Your Own SaaS with Vue, Algolia, and Cloudinary',
-      site: 'https://codingcat.dev/podcast/cwcc-2023-12-20-building-your-own-sass'
-    },
-    {
-      author: 'alex-patterson',
-      name: 'CodingCat.dev on Apple Podcast',
-      site: 'https://podcasts.apple.com/us/podcast/codingcat-dev-podcast/id1491655542'
-    }
-  ]
+  - author: jon-meyers
+    name: Little Bits Synth Kit
+    site: 'https://reverb.com/p/korg-little-bits-synth-kit'
+  - author: alex-patterson
+    name: 'Roll Your Own SaaS with Vue, Algolia, and Cloudinary'
+    site: 'https://codingcat.dev/podcast/cwcc-2023-12-20-building-your-own-sass'
+  - author: alex-patterson
+    name: CodingCat.dev on Apple Podcast
+    site: 'https://podcasts.apple.com/us/podcast/codingcat-dev-podcast/id1491655542'
 slug: 4-6-supabase-release-week-x-new-features
 sponsors:
   - cloudinary
-spotify: https://open.spotify.com/episode/4FchOc10UBalWYNoR9tdwK?si=QnsbrwA_ROKWRmc5CRlkFQ
-start: Feb 13, 2024
+spotify: >-
+  https://open.spotify.com/episode/4FchOc10UBalWYNoR9tdwK?si=QnsbrwA_ROKWRmc5CRlkFQ
+start: 'Feb 13, 2024'
 title: Supabase New Release
-youtube: https://youtu.be/Ym8YqeDJE5g
+youtube: 'https://youtu.be/Ym8YqeDJE5g'
 ---
 
 **Top 10 Launches**

diff --git a/...ntent-single)/(non-course)/podcast/4-7-harness-the-power-of-localstack/+page.md b/...ntent-single)/(non-course)/podcast/4-7-harness-the-power-of-localstack/+page.md
@@ -3,94 +3,70 @@ type: podcast
 authors:
   - alex-patterson
 episode: 7
-recording_date: Dec 29, 2023 2:00 PM
+recording_date: 'Dec 29, 2023 2:00 PM'
 season: 4
 published: published
 podcast: CodingCat.dev
 chapters_done: false
 cloudinary_convert: false
-cover: https://media.codingcat.dev/image/upload/v1702529964/main-codingcatdev-photo/4_LocalStack.png
-devto:
-excerpt: 'Effortlessly Develop AWS Applications Offline with LocalStack: Your Ultimate Guide!'
+cover: >-
+  https://media.codingcat.dev/image/upload/v1702529964/main-codingcatdev-photo/4_LocalStack.png
+devto: >-
+  https://dev.to/codingcatdev/master-offline-aws-development-harness-the-power-of-localstack-50cn
+excerpt: >-
+  Effortlessly Develop AWS Applications Offline with LocalStack: Your Ultimate
+  Guide!
 guests:
   - waldemar-hummer
-hashnode:
+hashnode: podcast-4-7-harness-the-power-of-localstack-1
 picks:
-  [
-    { author: 'waldemar-hummer', name: 'SuikaGame', site: 'https://suikagame.com/' },
-    { author: 'alex-patterson', name: 'Kaiber', site: 'https://kaiber.ai/' },
-    {
-      author: 'alex-patterson',
-      name: 'CodingCat.dev Holiday Songs',
-      site: 'https://www.youtube.com/watch?v=HBzX8cDbxns'
-    }
-  ]
+  - author: waldemar-hummer
+    name: SuikaGame
+    site: 'https://suikagame.com/'
+  - author: alex-patterson
+    name: Kaiber
+    site: 'https://kaiber.ai/'
+  - author: alex-patterson
+    name: CodingCat.dev Holiday Songs
+    site: 'https://www.youtube.com/watch?v=HBzX8cDbxns'
 slug: 4-7-harness-the-power-of-localstack
 sponsors:
   - cloudinary
-spotify: https://open.spotify.com/episode/7C44Xjrx6mRR1ZOo6vq4gl?si=Pz7fsA7xTjyTgzRXM1ylUw
-start: Feb 20, 2024
+spotify: >-
+  https://open.spotify.com/episode/7C44Xjrx6mRR1ZOo6vq4gl?si=Pz7fsA7xTjyTgzRXM1ylUw
+start: 'Feb 20, 2024'
 title: 'Master Offline AWS Development: Harness the Power of LocalStack!'
-youtube: https://youtu.be/2AWmuA7ADNI
+youtube: 'https://youtu.be/2AWmuA7ADNI'
 ---
 
 LocalStack provides a comprehensive platform for developing and testing AWS applications locally, offering a significant reduction in development time and AWS costs. It emulates over 80 AWS services, allowing developers to work efficiently without internet access or AWS cloud resources. The tool is designed for seamless integration into existing workflows, supporting favorite cloud development tools and enabling faster deployment and testing. It's widely appreciated in the developer community for enhancing productivity and simplifying cloud application development. For more detailed information, please visit [LocalStack's website](https://www.localstack.cloud/).
 
-![](https://media.codingcat.dev/image/upload/v1703881364/main-codingcatdev-photo/1703881295934-4625cb52-38c9-4efb-a96e-2c020774be72_19.png)
+![Demo Slide](https://media.codingcat.dev/image/upload/v1703881358/main-codingcatdev-photo/1703881295934-4625cb52-38c9-4efb-a96e-2c020774be72_1.png)
 
-## Introduction
+![Context](https://media.codingcat.dev/image/upload/v1703881359/main-codingcatdev-photo/1703881295934-4625cb52-38c9-4efb-a96e-2c020774be72_2.png)
 
-- Brief overview of cloud computing and AWS.
-- Introduction to LocalStack.
-- Importance of local development environments.
+![1000 foot view of localstack](https://media.codingcat.dev/image/upload/v1703881359/main-codingcatdev-photo/1703881295934-4625cb52-38c9-4efb-a96e-2c020774be72_3.png)
 
-## Section 1: Understanding LocalStack
+![comparison localstack to aws](https://media.codingcat.dev/image/upload/v1703881360/main-codingcatdev-photo/1703881295934-4625cb52-38c9-4efb-a96e-2c020774be72_4.png)
 
-- Detailed explanation of LocalStack.
-- Overview of the AWS services it emulates.
-- The technology behind LocalStack.
+![growing ecosystem of integrations](https://media.codingcat.dev/image/upload/v1703881360/main-codingcatdev-photo/1703881295934-4625cb52-38c9-4efb-a96e-2c020774be72_5.png)
 
-## Section 2: Benefits of Using LocalStack
+![s3 bucket notifications](https://media.codingcat.dev/image/upload/v1703881359/main-codingcatdev-photo/1703881295934-4625cb52-38c9-4efb-a96e-2c020774be72_6.png)
 
-- Cost savings by reducing reliance on actual AWS services.
-- Improved development efficiency by allowing offline work.
-- Examples of scenarios where LocalStack is particularly beneficial.
+![web app](https://media.codingcat.dev/image/upload/v1703881361/main-codingcatdev-photo/1703881295934-4625cb52-38c9-4efb-a96e-2c020774be72_7.png)
 
-## Section 3: Integration and Compatibility
+![cloud pods](https://media.codingcat.dev/image/upload/v1703881361/main-codingcatdev-photo/1703881295934-4625cb52-38c9-4efb-a96e-2c020774be72_8.png)
 
-- How LocalStack integrates into existing development workflows.
-- Compatibility with popular cloud development tools.
-- Step-by-step guide to setting up LocalStack in a typical development environment.
+![iam live policy generation](https://media.codingcat.dev/image/upload/v1703881362/main-codingcatdev-photo/1703881295934-4625cb52-38c9-4efb-a96e-2c020774be72_9.png)
 
-## Section 4: LocalStack in Action
+![fault injection and simulation](https://media.codingcat.dev/image/upload/v1703881362/main-codingcatdev-photo/1703881295934-4625cb52-38c9-4efb-a96e-2c020774be72_10.png)
 
-- Case studies or examples of projects using LocalStack.
-- Testimonials from developers or companies.
-- Comparison with other local AWS emulation tools.
+![localstack extensions](https://media.codingcat.dev/image/upload/v1703881362/main-codingcatdev-photo/1703881295934-4625cb52-38c9-4efb-a96e-2c020774be72_11.png)
 
-## Section 5: Challenges and Limitations
+![stack insights](https://media.codingcat.dev/image/upload/v1703881363/main-codingcatdev-photo/1703881295934-4625cb52-38c9-4efb-a96e-2c020774be72_12.png)
 
-- Discussion of any limitations or challenges in using LocalStack.
-- How the developer community is addressing these challenges.
+![debugging your ci builds](https://media.codingcat.dev/image/upload/v1703881363/main-codingcatdev-photo/1703881295934-4625cb52-38c9-4efb-a96e-2c020774be72_13.png)
 
-## Section 6: LocalStack’s Role in Enhancing Productivity
+![previews / ephemeral instances](https://media.codingcat.dev/image/upload/v1703881364/main-codingcatdev-photo/1703881295934-4625cb52-38c9-4efb-a96e-2c020774be72_14.png)
 
-- Analysis of how LocalStack improves development productivity.
-- Insights from industry experts or surveys.
-- Future predictions for tools like LocalStack in cloud development.
-
-## Section 7: Community and Support
-
-- Overview of the LocalStack community.
-- Resources available for new users.
-- How to contribute to the LocalStack project.
-
-## Conclusion
-
-- Recap of the key points.
-- Final thoughts on the future of LocalStack and its impact on cloud development.
-
-## Additional Resources
-
-- Links to LocalStack documentation, forums, and user guides.
-- Related readings or courses for interested readers.
+![our story](https://media.codingcat.dev/image/upload/v1703881364/main-codingcatdev-photo/1703881295934-4625cb52-38c9-4efb-a96e-2c020774be72_19.png)