696: How to Build a Website or App

<p class="has-line-data" data-line-start="0" data-line-end="1">In this episode of Syntax, Wes and Scott answer a listener’s question about their process for building a website in 2023. Do you start with design? With code? How do you decide on which CMS or if you need a CMS? How do you choose a backend framework? And where do you host it?</p> <h3 class="code-line" data-line-start="2" data-line-end="3"><a id= "Show_Notes_2"></a>Show Notes</h3> <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <strong><a href="#t=00:10">00:10</a></strong> Welcome</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <strong><a href="#t=02:12">02:12</a></strong> Syntax Brought to you by Sentry</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <strong><a href="#t=03:06">03:06</a></strong> How do you build a website?</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <strong><a href="#t=04:57">04:57</a></strong> Start with the design</li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="https://www.figma.com/">Figma</a></li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href= "https://syntax.fm/show/682/design-systems-with-brad-frost">Design Systems with Brad Frost</a></li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <strong><a href="#t=11:12">11:12</a></strong> Choose a Frontend / Components</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="https://pugjs.org/api/getting-started.html">Pug</a></li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="https://ejs.co/">EJS</a></li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="https://react.dev/">React</a></li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href="https://svelte.dev/">Svelte</a></li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="https://remix.run/">Remix</a></li> <li class="has-line-data" data-l