Potluck - Next vs Gatsby × Headless CMS × Vue.js × Is Ruby on Rails still good? × More!
Syntax - Tasty Web Development Treats26 Feb 2020

Potluck - Next vs Gatsby × Headless CMS × Vue.js × Is Ruby on Rails still good? × More!

It’s another potluck! In this episode, Scott and Wes answer your questions about Gastby vs everything, Next, Vue, Rails, working with agencies, CSS, and more! LogRocket - Sponsor LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax. Kyle Prinsloo Freelancing - Sponsor Kyle Prinsloo teaches you everything you need to know about freelancing, including how to quit your job, earn a side-income and start taking control of your life. Check it out at studywebdevelopment.com/freelaning. Use the coupon “SYNTAX” and get 25%. Show Notes 1:39 - This may be a crazy question but I need to build a similar system to Level Up Tutorials where people can access content based on a monthly subscription. Any recommendations where to start with either Next.js or Gastby.js? How do I check to see if a person is up-to-date with payment? 4:14 - What's your favorite new tab page? 6:19: CSS vs SCSS vs Styled Components? When you are developing a React or Next.js application which styling method do you guys use and why? Which one is “best practice”, or a more efficient way of going about it? 11:14 - What do you think of lit-html? 15:25 - I’m relatively new to React, and primarily learning the create-react-app way. When do you go for the create-react-app approach when building an application, and when do you customize the config? I’m uncertain when it’s time to escape the ‘create-react-app’ approach. Also, when escaping it, which main configurations are you grabbing? 18:19 - Is there a reason hasty treat intros are 2.5x the length of normal episodes? Now that Overcast has intro skipping it’d be nice if the intros were uniform in length. 21:23 - I see Kyle Matthews coming out with a lot of input on how Gatsby can be used for web applications as well. After listening to several of your podcasts, where you talk about Gatsby, it doesn’t seem like you agree, and would go for Next.js instead. In your opinion is the development at Gatsby really heading in the direction of SSG and web application? 27:17 - I’ve hopped on the Vue train from jQuery land, and am loving both Nuxt and Gridsome. However, I keep hearing all these good things about Gatsby. Would you guys say that it is worth it to learn Gatsby (and the whole react ecosystem for that matter) over Gridsome? This is mostly for small-medium-ish side-project web sites that connect to a headless CMS. 30:04 - What are your thoughts on CSS pre-processors nowadays? With all the advance and new features from CSS, do you guys really think that it is still worthy to use it those? 32:11 - Scott, can you talk a bit about why you decided to switch back to Meteor after putting in all the effort to convert LUT to Next.js? I am about to start a new fullstack project and was considering Next until I heard you switched back. Maybe I should consider Meteor instead? 40:21 - I’ve recently started an internship at one of my favorite tech companies where I’m using EmberJS and Ruby on Rails. I love the team I’m on (the people are so nice) but I’m not super passionate about the tech stack. I’d much rather be using something like React and NodeJS/Express in my day-to-day coding. Do you think it’s worth staying in a position (if I were to try and get a full-time gig in this role) if you don’t like the tech stack, but really like the people? 40:51 - I’m thinking of doing a bootcamp that teaches Ruby on Rails for backend. I hear a lot that Ruby is a dying language, but at the same time, I know it’s used for a lot of big-timers, such as Airbnb and Shopify. Could you please explain the relevance that Ruby/Ruby on Rails will have in 2020 forward, as well as if it’s worth learning for newer web developers at this point? 45:15 - What is the deal with CMSs/headless CMSs? I hear you guys talk about them all the time (Sanity, Keystone, Prisma?) but I’m not sure what they are good for. To me, they just seem like a UI to my database, but isn’t that what my application is? It just seems like it would be easier to have my frontend talk to my backend talk to my database instead of learning how each CMS wants things to be done and programming for that? Am I missing the point? 48:11 - What does Svelte needs for each of you to use it instead of React in personal and future developments? 50:38 - I freelance on the side as well as have a 9-5. The other dev I work with mentioned he’d help if I ever needed/wanted help on a client project. What are your thoughts on doing freelance work with someone who you also work with at your job? 52:01 - My team is currently in the design phase for a rewrite of our biggest product. We are switching from perl backend (y i k e s) to node (yay) but for some reason, our tech lead decided on hapi for the node framework. I have spent a little time with hapi and it seems cool but I am not sure about its longevity when compared to more established frameworks like express. How do you feel about hapi and should I push for a different framework? 54:29 - I’m a lead dev that recently joined an agency for the first time. What 🔥tips do you have for livin’ and devin’ in that agency life? Especially around time management, time estimation and dealing with clients. Links Stripe Braintree Recurly Firefox lit-html Overcast @kylemathews Gatsby Build Vue.js Nuxt.js Gridsome postcss-preset-env Meteor Ember Ruby on Rails Personal Capital Airbnb Shopify Missive Sanity Keystone Prisma Svelte hapi koa Express Matt Stauffer's Blog ××× SIIIIICK ××× PIIIICKS ××× Scott: Caffeine by Michael Pollan Wes: Matt Stauffer - Setting Up Your Webcam, Lights, and Audio for Remote Work, Podcasting, Videos, and Streaming Shameless Plugs Scott: New course on Framer Motion - Sign up for the year and save 25%! Wes: Beginner Javascript - Use the coupon code ‘Syntax’ for $10 off! Tweet us your tasty treats! Scott’s Instagram LevelUpTutorials Instagram Wes’ Instagram Wes’ Twitter Wes’ Facebook Scott’s Twitter Make sure to include @SyntaxFM in your tweets

Avsnitt(962)

938: Hot Takes + Bike Shedding

938: Hot Takes + Bike Shedding

Wes and Scott dive into some hot takes and classic debates—tabs vs spaces, camel vs snake case, export styles, barrel files, variable naming, and more. Show Notes 00:00 Welcome to Syntax! 01:26 CSS variables: descriptive vs. semantic 03:38 snake_case vs. camelCase 04:54 Default exports vs. named exports 06:23 Barrel files vs. direct imports 09:15 Function declaration vs. function expression 11:00 Inferred types vs. explicit types 13:40 Brought to you by Sentry.io 14:40 Long and explicit variable names vs. short with comments 16:27 Self-documenting code vs. code comments 17:03 Rebase vs. merge commit 18:39 Naming event parameters: e vs. event 20:33 Tabs vs. spaces 22:18 Big line height vs. small line height 23:50 Hard line length vs. line wrap Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott: X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

17 Sep 27min

937: Is The Omarchy Hype Real?

937: Is The Omarchy Hype Real?

Scott takes Wes on a tour of Omarchy, DHH’s polished Arch + Hyprland Linux setup that promises speed, beauty, and endless keyboard shortcuts. From first impressions to daily workflows, Scott debates whether it’s good enough to pull him out of the Apple ecosystem for good. Show Notes 00:00 Welcome to Syntax! 02:31 Brought to you by Sentry.io. 02:55 What is Omarchy? 02:57 Arch-based distribution. 03:42 Hyprland window management. 05:08 Wayland Display Server Protocol. 06:27 Installation Defaults. 06:53 System-wide shortcuts. 09:01 My first impressions. 09:41 Connecting to my NAS. 10:54 Gigantic UI. 12:21 Day 2 Experiences. 13:22 Resizing window challenges. 16:11 Neovim and Lazyvim. 16:49 Lazygit. 19:07 How do you use it and why is it good. 19:14 Command Palette. 19:49 Raycast. Recreating Raycast. 20:50 Using the app launcher. 21:25 Screensavers. 21:59 OS Style. 22:55 My apps, my apps, my apps, check it out. 25:07 Is the hardware comparable to Mac’s M processors? 27:24 Installing new apps. 29:26 Web apps as first class citizens. 32:47 What I’ll miss. 35:56 What’s going on with MacOS UI? 38:37 Annoyances. 39:31 My advice. Read the Manual. 44:39 Sick Picks & Shameless Plugs. Sick Picks Scott: Omarchy Manual. Wes: Ugreen 200w Charger, Silicone USB C. Shameless Plugs Scott: Syntax on YouTube. Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott: X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

15 Sep 48min

936: Realtime LED Wall With React + Websockets (I Let Strangers Control It)

936: Realtime LED Wall With React + Websockets (I Let Strangers Control It)

Scott, Wes, and CJ dive into Wes’s Hackweek project: a real-time, web-controlled LED grid. They break down the hardware build, custom 3D-printed diffuser, ESP32 microcontroller, and Cloudflare durable objects powering live pixel art, GitHub activity displays, and interactive web drawings. Show Notes 00:00 Welcome to Syntax! 02:03 Wes’ Hackweek project: a web-controlled LED grid 03:52 The hardware: LED panels, soldering, and power WS2812 LED panels 06:38 ESP32 microcontroller and WLED firmware explained ESP32 Microcontroller 10:57 Power supply challenges and injection fixes 15:05 Debugging and testing a DIY LED matrix 15:56 Shorts, blown circuits, and melted wires 17:58 Designing and 3D-printing the diffuser for crisp pixels 21:29 The software: Cloudflare Durable Objects + Party Server Cloudflare Durable Objects Party.server 22:18 Real-time sync and state management across clients Party Client 28:43 Connecting the server to the LED hardware 41:51 Open access fun: scripts, NSFW images, and moderation Cloudflare tunnel 44:10 Live demos 45:34 Future plans: stats, rooms, and making it always-on Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott: X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

10 Sep 47min

935: CJ Made A Sega Game In 2025

935: CJ Made A Sega Game In 2025

CJ takes us behind the scenes of Hackweek to share how he built a custom Sega Genesis game from scratch, complete with assembly code, level loading, and retro hardware tricks. From SGDK to parallax faking, this episode is a deep dive into old-school game dev with a modern twist. Show Notes 00:00 Welcome to Syntax! 00:44 Why a Sega game? Sega Genesis. Sega Master System. MKBHD Retro Tech: Sega. 06:55 What is it running on? 07:49 Working with assembly code. 10:11 Sega Genesis Development Kit. Stephane-D GitHub. 10:54 Awesome Megadrive. 12:02 Booting on an emulator. 13:07 Gens and KMod. 15:54 Compiling stage. 17:44 Genesis Code VS Code Extension. 18:22 Images and Assets. 19:46 Loading images with bitmap. 23:50 Megacat Studios. 25:21 Z index? Faking Parallax. 27:34 Specific code examples. 27:51 Platformer Engine. 30:01 Platformer Sample Game. 30:44 LDTK (Level Designer Toolkit). 33:13 Tiled Collision mapping. 37:42 What about debugging? 39:37 Loading in levels. RetroGameMechanicsExplained. Sega Mega-CD Development Unit. 43:56 Challenges with graphics. 49:56 Adding music. Super Cartridge. Flahskit Programmer MD. Flashkit Cart MD. Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott: X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

8 Sep 52min

934: We Built a Real-Time, Local-Data, Competitive Coding Game

934: We Built a Real-Time, Local-Data, Competitive Coding Game

Scott, Wes, and CJ dive into SynHax, Scott’s Hackweek project for code battles. They discuss live coding duels, referee controls, and the surprisingly simple tech stack that delivers instant updates and audience engagement. Show Notes 00:00 Welcome to Syntax! 01:50 Brought to you by Sentry.io 02:30 What is SynHax? This Button Broke Our Brains (CSS Challenge) 04:21 The Stack SvelteKit Postgres Drizzle Zero Sync Better Auth Syntax 931: How to make good choices when starting a coding project 07:39 How it works 15:03 The battle experience 28:28 Fun details 34:12 Creating new battles & the admin dashboard Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott: X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

3 Sep 37min

933: Hackweek Overview - What Is It, What Did We Build

933: Hackweek Overview - What Is It, What Did We Build

It’s Hackweek at Syntax! Scott, Wes, and CJ break down what Hackweek is all about - how they picked their projects, what came out of them, and why it’s the best excuse to experiment, build, and have fun before the deep-dive episodes roll in. Show Notes 00:00 Welcome to Syntax! 00:04 What is Hackweek? 01:05 Hackweek projects spark motivation. 04:05 Choosing our projects. 04:34 What we chose. 05:11 CJ’s Hackweek Project. 05:51 Using SGDK C language toolkit. 07:02 Writing to an Everdrive. 08:09 What game engine did you use? Platformer Engine. LDtk. 12:11 What was the end result? 14:09 Wes’ Hackweek Project. 16:15 Why hardware projects? Watch the Video Here. 19:09 Scott’s Hackweek Project. Watch the Video Here. 21:42 Early considerations. 25:42 AI usage. Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott: X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

1 Sep 32min

932: Vibe Coding’s Huge Problem

932: Vibe Coding’s Huge Problem

Wes and Scott talk about the dangers of vibe coding when it comes to authentication and access control. They share real-world examples of security fails, discuss how to avoid client-side-only checks, and offer practical tips for protecting sensitive user data in your apps. Show Notes 00:00 Welcome to Syntax! We build the world’s most painful CAPTCHAs (Kitboga scammers) 02:08 Brought to you by Sentry.io 02:33 Wes’ vibe coding experience Wes’ app 04:38 The Tea app disaster Tea app 07:45 Don’t vibe code access control Better Auth with Better Auth 09:38 Let in, don’t lock down 11:23 Server vs. client-side code 13:46 Visualize access control 15:30 Automate tests 17:00 Sick Picks + Shameless Plugs Sick Picks Scott: A City on Mars Wes: Hotel Collection Essential Oils Shameless Plugs Syntax YouTube Channel Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott: X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

27 Aug 22min

931: Project Init - How to Make Good Choices When Starting a New Coding Project

931: Project Init - How to Make Good Choices When Starting a New Coding Project

Scott and Wes dive into the fundamentals of project initialization and planning, from outlining ideas and choosing the right tools to making smart technology decisions. They also chat about leveraging AI and collaboration to shape better projects before rolling up your sleeves and getting to work. Show Notes 00:00 Welcome to Syntax! 02:12 Brought to you by Sentry.io. 04:03 Make a plan. 04:06 Start with an outline and let it evolve. 05:59 Mind-Mapping software vs plain text. 08:49 Utilizing LLMs for alternative perspectives. 09:58 Utilizing humans for alternative perspectives. 11:17 Making technology choices. 13:24 Assessing the project’s actual needs. 13:30 Is this a long-term project? 15:43 Is this project Open Source? 16:09 Are you working in a team? 18:12 Are you prioritizing learning? 19:48 Pick technologies with proven compatibility. 20:17 Implementing AI. 20:44 Steering docs. 26:24 Get to work and break stuff. Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott: X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

25 Aug 30min

Populärt inom Politik & nyheter

aftonbladet-krim
svenska-fall
motiv
p3-krim
fordomspodden
rss-krimstad
flashback-forever
rss-viva-fotboll
blenda-2
aftonbladet-daily
rss-sanning-konsekvens
rss-vad-fan-hande
grans
dagens-eko
olyckan-inifran
rss-frandfors-horna
rss-krimreportrarna
spar
svd-nyhetsartiklar
rss-expressen-dok