Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Supper Club × Next.js on AWS + Serverless with Dax Raad

Syntax - Tasty Web Development Treats

Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.

<p class="has-line-data" data-line-start="0" data-line-end="1">In this supper club episode of Syntax, Wes and Scott talk with Dax Raad about building on serverless infrastructure, Next.js, and SST.</p> <h2 class="code-line" data-line-start="2" data-line-end="3"><a id= "Sentry__Sponsor_2"></a>Sentry - Sponsor</h2> <p class="has-line-data" data-line-start="4" data-line-end="5">If you want to know what’s happening with your code, track errors and monitor performance with Sentry. Sentry’s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting <a href= "https://sentry.io">Sentry.io</a> and using the coupon code TASTYTREAT during sign up.</p> <h2 class="code-line" data-line-start="6" data-line-end="7"><a id= "Show_Notes_6"></a>Show Notes</h2> <ul> <li class="has-line-data" data-line-start="8" data-line-end="9"> <strong><a href="#t=00:36">00:36</a></strong> Welcome</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <strong><a href="#t=01:05">01:05</a></strong> Sponsor: Sentry</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <strong><a href="#t=02:05">02:05</a></strong> Who is Dax Raad?</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="https://twitter.com/thdxr">Dax on Twitter</a></li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="https://thdxr.com">thdxr.com</a></li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="https://tomorrow.fm">Tomorrow.fm Podcast</a></li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href="https://sst.dev">SST.dev</a></li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <strong><a href="#t=04:22">04:22</a></strong> Why doesn’t AWS have a simple way to build on top of it?</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <strong><a href="#t=07:46">07:46</a></strong> What is Open Next?</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="https://vercel.com">Vercel</a></li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="https://nextjs.org">Next.js</a></li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="https://open-next.js.org/">Open-Next.js</a></li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <strong><a href="#t=10:25">10:25</a></strong> How many people are involved in building Open Next?</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <strong><a href="#t=11:14">11:14</a></strong> Mapping Next.js to Amazon products</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <strong><a href="#t=14:25">14:25</a></strong> What is the edge?</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <strong><a href="#t=18:56">18:56</a></strong> Pricing in serverless</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <strong><a href="#t=23:33">23:33</a></strong> What about image assets?</li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <strong><a href="#t=25:02">25:02</a></strong> Is the CDK a layer on top of something Amazon is doing?</li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href="https://aws.amazon.com/cdk/">Amazon CDK</a></li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <strong><a href="#t=27:23">27:23</a></strong> What is terraform?</li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <a href= "https://developer.hashicorp.com/terraform/intro">Terraform</a></li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <strong><a href="#t=28:50">28:50</a></strong> What is SST and why SST?</li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <strong><a href="#t=30:54">30:54</a></strong> Do I build with SST or on top of SST?</li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <strong><a href="#t=32:06">32:06</a></strong> How do you do local development with SST?</li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <strong><a href="#t=37:01">37:01</a></strong> What about databases with SST?</li> <li class="has-line-data" data-line-start="33" data-line-end="34"> <strong><a href="#t=40:12">40:12</a></strong> What about build pipelines?</li> <li class="has-line-data" data-line-start="34" data-line-end="35"> <strong><a href="#t=42:28">42:28</a></strong> What is Seed?</li> <li class="has-line-data" data-line-start="35" data-line-end="36"> <a href="https://seed.run">Seed</a></li> <li class="has-line-data" data-line-start="36" data-line-end="37"> <strong><a href="#t=43:52">43:52</a></strong> Any advice for someone learning AWS?</li> <li class="has-line-data" data-line-start="37" data-line-end="38"> <a href="https://www.youtube.com/@sst-dev">SST on YouTube</a></li> <li class="has-line-data" data-line-start="38" data-line-end="39"> <strong><a href="#t=46:05">46:05</a></strong> Supper Club questions</li> <li class="has-line-data" data-line-start="39" data-line-end="40"> <a href="https://neovim.io">Neovim</a></li> <li class="has-line-data" data-line-start="40" data-line-end="41"> <a href="https://github.com/folke/tokyonight.nvim">Toyko Night theme</a></li> <li class="has-line-data" data-line-start="41" data-line-end="42"> <a href="https://www.nerdfonts.com/font-downloads">Nerd Fonts</a></li> <li class="has-line-data" data-line-start="42" data-line-end="43"> <a href="https://astro.build">Astro</a></li> <li class="has-line-data" data-line-start="43" data-line-end="44"> <a href="https://www.typescriptlang.org">TypeScript</a></li> <li class="has-line-data" data-line-start="44" data-line-end="45"> <a href="https://alacritty.org">Alacritty</a></li> <li class="has-line-data" data-line-start="45" data-line-end="46"> <a href="https://i3wm.org">i3</a></li> <li class="has-line-data" data-line-start="46" data-line-end="47"> <a href="https://www.cloudflare.com/">Cloudflare</a></li> <li class="has-line-data" data-line-start="47" data-line-end="48"> <a href= "https://www.thedailybeast.com/inside-hq-trivias-meteoric-rise-and-more-epic-flop"> Inside the Meteoric Rise—and More Epic Flop—of HQ Trivia</a></li> <li class="has-line-data" data-line-start="48" data-line-end="50"> <strong><a href="#t=52:45">52:45</a></strong> SIIIIICK ××× PIIIICKS ×××</li> </ul> <h2 class="code-line" data-line-start="50" data-line-end="51"> <a id="_SIIIIICK__PIIIICKS__50"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="52" data-line-end="54"> <a href="https://planetscale.com">Planetscale</a></li> </ul> <h2 class="code-line" data-line-start="54" data-line-end="55"> <a id="Shameless_Plugs_54"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="56" data-line-end="57"> <a href="https://rebase.tv">Rebase.tv</a></li> <li class="has-line-data" data-line-start="57" data-line-end="58"> <a href="https://twitter.com/rebasetv">@RebaseTV on Twitter</a></li> <li class="has-line-data" data-line-start="58" data-line-end="60"> <a href="https://tomorrow.fm/10">Tomorrow.fm episode on Rebase.tv</a></li> </ul> <h2 class="code-line" data-line-start="60" data-line-end="61"> <a id="Tweet_us_your_tasty_treats_60"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="62" data-line-end="63"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="63" data-line-end="64"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="64" data-line-end="65"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="65" data-line-end="66"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="66" data-line-end="67"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="67" data-line-end="68"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="68" data-line-end="69"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

In this supper club episode of Syntax, Wes and Scott talk with Dax Raad about building on serverless infrastructure, Next.js, and SST.
 Sentry - Sponsor If you want to know what’s happening with your code, track errors and monitor performance with Sentry. Sentry’s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting Sentry.io and using the coupon code TASTYTREAT during sign up.
 Show Notes  00:36 Welcome
 01:05 Sponsor: Sentry
 02:05 Who is Dax Raad?
 Dax on Twitter

 thdxr.com

 Tomorrow.fm Podcast

 SST.dev

 04:22 Why doesn’t AWS have a simple way to build on top of it?
 07:46 What is Open Next?
 Vercel

 Next.js

 Open-Next.js

 10:25 How many people are involved in building Open Next?
 11:14 Mapping Next.js to Amazon products
 14:25 What is the edge?
 18:56 Pricing in serverless
 23:33 What about image assets?
 25:02 Is the CDK a layer on top of something Amazon is doing?
 Amazon CDK

 27:23 What is terraform?
 Terraform

 28:50 What is SST and why SST?
 30:54 Do I build with SST or on top of SST?
 32:06 How do you do local development with SST?
 37:01 What about databases with SST?
 40:12 What about build pipelines?
 42:28 What is Seed?
 Seed

 43:52 Any advice for someone learning AWS?
 SST on YouTube

 46:05 Supper Club questions
 Neovim

 Toyko Night theme

 Nerd Fonts

 Astro

 TypeScript

 Alacritty

 i3

 Cloudflare

  Inside the Meteoric Rise—and More Epic Flop—of HQ Trivia

 52:45 SIIIIICK ××× PIIIICKS ×××
  ××× SIIIIICK ××× PIIIICKS ×××  Planetscale

  Shameless Plugs  Rebase.tv

 @RebaseTV on Twitter

 Tomorrow.fm episode on Rebase.tv

  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

Aplikace Youradio Talk

Supper Club × Next.js on AWS + Serverless with Dax Raad

Poslechněte si podcast