Wes Bos & Scott Tolinski - Full Stack JavaScrip...

Zpravodajství

Technologické zprávy

Technika

777: The Modern Dev CMS - Pocketbase

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.

Today, Scott and Wes are diving into Pocketbase, a fantastic tool for web developers to quickly set up a CMS without breaking a sweat. We’ll cover everything from its Go-based architecture to its slick admin interface and how you can get started hosting it for free on Fly.io. <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"> <a href="#t=00:00">00:00</a> Welcome to Syntax!</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <a href="#t=01:34">01:34</a> Brought to you by <a href="https://sentry.io/syntax">Sentry.io</a>.</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="#t=02:26">02:26</a> Overview of <a href= "https://pocketbase.io/">Pocketbase</a>.</li> <li class="has-line-data" data-line-start="7" data-line-end="9"> <a href="#t=06:51">06:51</a> Written in Go, but no extending needed. <ul> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href= "https://github.com/pocketbase/pocketbase/discussions/537">Host for free on Fly.io</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="#t=07:37">07:37</a> Hooks.</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="#t=08:05">08:05</a> <a href= "https://pocketbase.io/docs/authentication">Authentication</a> + roles.</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="#t=09:23">09:23</a> The admin experience.</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="#t=11:18">11:18</a> Managing export <a href= "https://pocketbase.io/docs/collections">collections</a>.</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="#t=13:21">13:21</a> Creating your own schema.</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href="#t=13:53">13:53</a> Adding indexes.</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="#t=14:08">14:08</a> <a href= "https://pocketbase.io/docs/api-files">API rules</a>.</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="#t=15:01">15:01</a> Adding complex roles.</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="#t=16:15">16:15</a> Full-featured admin with a great UI.</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="#t=16:59">16:59</a> Collection API preview.</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="#t=17:41">17:41</a> Docs with app-specific context.</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="#t=18:54">18:54</a> <a href= "https://pocketbase.io/docs/api-logs">Logs</a>.</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="#t=19:02">19:02</a> Settings.</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="#t=19:42">19:42</a> Executable vs npm install.</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href="#t=20:29">20:29</a> Are the collections fully typed?</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="#t=21:01">21:01</a> Some more settings.</li> <li class="has-line-data" data-line-start="25" data-line-end="30"> <a href="#t=22:56">22:56</a> One click <a href= "https://coolify.io/">Coolify</a> install. <ul> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href="https://github.com/stolinski/the-break">Svelte Kit / Svelte 5 / Pocketbase Example</a>.</li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <a href="https://github.com/stolinski/drop-in">Svelte / Pocketbase Starter</a>.</li> <li class="has-line-data" data-line-start="28" data-line-end="30"> <a href="https://github.com/patmood/pocketbase-typegen">Pocketbase Typegen</a>.</li> </ul> </li> </ul> <h3 class="code-line" data-line-start="30" data-line-end="31"> <a id="Hit_us_up_on_Socials_30"></a>Hit us up on Socials!</h3> Syntax: <a href="https://twitter.com/syntaxfm">X</a> <a href= "https://www.instagram.com/syntax_fm/">Instagram</a> <a href= "https://www.tiktok.com/@syntaxfm">Tiktok</a> <a href= "https://www.linkedin.com/company/96077407/admin/feed/posts/">LinkedIn</a> <a href="https://www.threads.net/@syntax_fm">Threads</a> Wes: <a href="https://twitter.com/wesbos">X</a> <a href= "https://www.instagram.com/wesbos/">Instagram</a> <a href= "https://www.tiktok.com/@wesbos">Tiktok</a> <a href= "https://www.linkedin.com/in/wesbos/">LinkedIn</a> <a href= "https://www.threads.net/@wesbos">Threads</a> Scott:<a href="https://twitter.com/stolinski">X</a> <a href= "https://www.instagram.com/stolinski/">Instagram</a> <a href= "https://www.tiktok.com/@stolinski">Tiktok</a> <a href= "https://www.linkedin.com/in/stolinski/">LinkedIn</a> <a href= "https://www.threads.net/@stolinski">Threads</a> Randy: <a href="https://twitter.com/randyrektor">X</a> <a href= "https://www.instagram.com/randyrektor/">Instagram</a> <a href= "https://www.youtube.com/@randyrektor">YouTube</a> <a href= "https://www.threads.net/@randyrektor">Threads</a>

Today, Scott and Wes are diving into Pocketbase, a fantastic tool for web developers to quickly set up a CMS without breaking a sweat. We’ll cover everything from its Go-based architecture to its slick admin interface and how you can get started hosting it for free on Fly.io.
 Show Notes  00:00 Welcome to Syntax!
 01:34 Brought to you by Sentry.io.
 02:26 Overview of Pocketbase.
 06:51 Written in Go, but no extending needed. Host for free on Fly.io.

 07:37 Hooks.
 08:05 Authentication + roles.
 09:23 The admin experience.
 11:18 Managing export collections.
 13:21 Creating your own schema.
 13:53 Adding indexes.
 14:08 API rules.
 15:01 Adding complex roles.
 16:15 Full-featured admin with a great UI.
 16:59 Collection API preview.
 17:41 Docs with app-specific context.
 18:54 Logs.
 19:02 Settings.
 19:42 Executable vs npm install.
 20:29 Are the collections fully typed?
 21:01 Some more settings.
 22:56 One click Coolify install. Svelte Kit / Svelte 5 / Pocketbase Example.
 Svelte / Pocketbase Starter.
 Pocketbase Typegen.

  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

Aplikace Youradio Talk

777: The Modern Dev CMS - Pocketbase

Poslechněte si podcast