Sean C Davis
Sean C Davis
  • 68
  • 167 907
Generating TypeScript Types from Contentful
While the Contentful Node SDK is fully typed, the content retrieved from the API is not. Here’s how I have handled generating types from Contentful content in previous projects.
00:07 Project Setup
00:42 Exporting Contentful Content
03:14 Extending Generated Types
08:27 Using Generic for Common Types
09:19 Closing
#contentful #cms #webdevelopment #typescript
Переглядів: 3 272

Відео

Transform Notion Pages into Component Props14:08Transform Notion Pages into Component Props
Transform Notion Pages into Component Props
Переглядів 986Рік тому
Transform Notion Pages into Component Props
Export Notion Database Page Content6:49Export Notion Database Page Content
Export Notion Database Page Content
Переглядів 2 тис.Рік тому
Export Notion Database Page Content
Get Notion Database ID Using Developer API6:41Get Notion Database ID Using Developer API
Get Notion Database ID Using Developer API
Переглядів 2,8 тис.Рік тому
Get Notion Database ID Using Developer API
Using Notion as a CMS for Complex Websites9:09Using Notion as a CMS for Complex Websites
Using Notion as a CMS for Complex Websites
Переглядів 9 тис.Рік тому
Using Notion as a CMS for Complex Websites
Icon Component System for Astro Sites6:34Icon Component System for Astro Sites
Icon Component System for Astro Sites
Переглядів 1,2 тис.Рік тому
Icon Component System for Astro Sites
SVG Icon System for Front-End Projects with Figma8:41SVG Icon System for Front-End Projects with Figma
SVG Icon System for Front-End Projects with Figma
Переглядів 219Рік тому
SVG Icon System for Front-End Projects with Figma
Send Message to Slack with a Node.js Script12:37Send Message to Slack with a Node.js Script
Send Message to Slack with a Node.js Script
Переглядів 9 тис.Рік тому
Send Message to Slack with a Node.js Script
Extending Next.js Link and Image Components5:13Extending Next.js Link and Image Components
Extending Next.js Link and Image Components
Переглядів 467Рік тому
Extending Next.js Link and Image Components
Check for Broken Links with Node.js12:59Check for Broken Links with Node.js
Check for Broken Links with Node.js
Переглядів 990Рік тому
Check for Broken Links with Node.js
Clean Up Code with Theme Class Maps11:12Clean Up Code with Theme Class Maps
Clean Up Code with Theme Class Maps
Переглядів 75Рік тому
Clean Up Code with Theme Class Maps
Exploring the Unplash API with Node.js15:11Exploring the Unplash API with Node.js
Exploring the Unplash API with Node.js
Переглядів 429Рік тому
Exploring the Unplash API with Node.js
Safely Share a File URL on GitHub8:35Safely Share a File URL on GitHub
Safely Share a File URL on GitHub
Переглядів 1,5 тис.Рік тому
Safely Share a File URL on GitHub
SVG Icons in React Applications17:59SVG Icons in React Applications
SVG Icons in React Applications
Переглядів 2,7 тис.2 роки тому
SVG Icons in React Applications
Bundle JavaScript for 11ty with esbuild10:27Bundle JavaScript for 11ty with esbuild
Bundle JavaScript for 11ty with esbuild
Переглядів 8522 роки тому
Bundle JavaScript for 11ty with esbuild
Quick Tip: Debugging JavaScript6:30Quick Tip: Debugging JavaScript
Quick Tip: Debugging JavaScript
Переглядів 733 роки тому
Quick Tip: Debugging JavaScript
Quick Tip: Move Lines in VS Code2:20Quick Tip: Move Lines in VS Code
Quick Tip: Move Lines in VS Code
Переглядів 4,4 тис.3 роки тому
Quick Tip: Move Lines in VS Code
Quick Tip: Option + Delete for Terminal and iTerm 22:25Quick Tip: Option + Delete for Terminal and iTerm 2
Quick Tip: Option + Delete for Terminal and iTerm 2
Переглядів 1,9 тис.3 роки тому
Quick Tip: Option Delete for Terminal and iTerm 2
Quick Tip: Use a Code Spell Checker5:23Quick Tip: Use a Code Spell Checker
Quick Tip: Use a Code Spell Checker
Переглядів 4893 роки тому
Quick Tip: Use a Code Spell Checker
3 Methods for Adding Images to GItHub README Files8:303 Methods for Adding Images to GItHub README Files
3 Methods for Adding Images to GItHub README Files
Переглядів 47 тис.3 роки тому
3 Methods for Adding Images to GItHub README Files
Netlify Keyboard: Magical Features5:09Netlify Keyboard: Magical Features
Netlify Keyboard: Magical Features
Переглядів 813 роки тому
Netlify Keyboard: Magical Features
Netlify Keyboard: The Sights, Sounds, and Smells1:04Netlify Keyboard: The Sights, Sounds, and Smells
Netlify Keyboard: The Sights, Sounds, and Smells
Переглядів 413 роки тому
Netlify Keyboard: The Sights, Sounds, and Smells
Building a Static API with GatsbyJS21:07Building a Static API with GatsbyJS
Building a Static API with GatsbyJS
Переглядів 3963 роки тому
Building a Static API with GatsbyJS
Server-Side Components with Eleventy23:59Server-Side Components with Eleventy
Server-Side Components with Eleventy
Переглядів 1,2 тис.3 роки тому
Server-Side Components with Eleventy
Write Code the Way a Toddler Chooses a Book1:40Write Code the Way a Toddler Chooses a Book
Write Code the Way a Toddler Chooses a Book
Переглядів 473 роки тому
Write Code the Way a Toddler Chooses a Book
Create JSON Pages from Markdown Files with Gatsby22:29Create JSON Pages from Markdown Files with Gatsby
Create JSON Pages from Markdown Files with Gatsby
Переглядів 9194 роки тому
Create JSON Pages from Markdown Files with Gatsby
Create JSON Pages from External Data with Gatsby9:37Create JSON Pages from External Data with Gatsby
Create JSON Pages from External Data with Gatsby
Переглядів 6734 роки тому
Create JSON Pages from External Data with Gatsby
How to Build a Static API with Middleman16:36How to Build a Static API with Middleman
How to Build a Static API with Middleman
Переглядів 2724 роки тому
How to Build a Static API with Middleman