Канал: Jamie Barton

Use AI instead of writing SQL

Use AI instead of writing SQL

Publish to NPM with GitHub Actions

Publish to NPM with GitHub Actions

Set Tailwind CSS Variables From Environment Variables

Set Tailwind CSS Variables From Environment Variables

Tailwind CSS Variables and Environment Variables

Tailwind CSS Variables and Environment Variables

Database Migrations with Geni

Database Migrations with Geni

Using Environment Variables with Astro

Using Environment Variables with Astro

5 Free SQLite GUIs

5 Free SQLite GUIs

SVG Icons with Astro Icon

SVG Icons with Astro Icon

GraphQL Explorer by Inigo

GraphQL Explorer by Inigo

Office Hours Live Coding Test

Office Hours Live Coding Test

Deploy Next.js to Fly.io with Docker

Deploy Next.js to Fly.io with Docker

Database per user

Database per user

Protect your community with NameGuard for ENS

Protect your community with NameGuard for ENS

type-safe graphql

type-safe graphql

Mintlify documentation

Mintlify documentation

Serverless graphql with Grafbase

Serverless graphql with Grafbase

Protect GraphQL APIs with Unkey

Protect GraphQL APIs with Unkey

GraphQL London

GraphQL London

Interview with GraphQL Expert Laurin Quast

Interview with GraphQL Expert Laurin Quast

GraphQL list query naming conventions

GraphQL list query naming conventions

What's the point of GraphQL client libraries over fetch?

What's the point of GraphQL client libraries over fetch?

GraphQL JIT

GraphQL JIT

GraphQL Analytics and Security with Inigo

GraphQL Analytics and Security with Inigo

Top 5 tools every frontend developer should be using with GraphQL in 2023

Top 5 tools every frontend developer should be using with GraphQL in 2023

Next.js 13 Route Handler and GraphQL Yoga

Next.js 13 Route Handler and GraphQL Yoga

Automate deploying GraphQL APIs to Cloudflare Workers with GitHub Actions

Automate deploying GraphQL APIs to Cloudflare Workers with GitHub Actions

Type-safe GraphQL resolvers with garph

Type-safe GraphQL resolvers with garph

GraphQL Voyager

GraphQL Voyager

Custom Masked Email Directive with RedwoodJS

Custom Masked Email Directive with RedwoodJS

GraphQL over HTTP and Auditing GraphQL Servers

GraphQL over HTTP and Auditing GraphQL Servers

Inspect GraphQL Requests with the GraphQL Network Inspector Chrome Extension

Inspect GraphQL Requests with the GraphQL Network Inspector Chrome Extension

GraphQL Input Error Handling

GraphQL Input Error Handling

Generate Persisted Documents with GraphQL Code Generator

Generate Persisted Documents with GraphQL Code Generator

Refresh server state with Next.js 13 and GraphQL

Refresh server state with Next.js 13 and GraphQL

Improve security with GraphQL Persisted Queries

Improve security with GraphQL Persisted Queries

The GraphQL Scalar Specification

The GraphQL Scalar Specification

Build a GraphQL API with Cloudflare Workers at the edge with Yoga 3

Build a GraphQL API with Cloudflare Workers at the edge with Yoga 3

Work with GraphQL in the browser using Hoppscotch

Work with GraphQL in the browser using Hoppscotch

GraphQL Fragments #shorts #webdevelopment

GraphQL Fragments #shorts #webdevelopment

GraphQL Aliases #shorts #webdev

GraphQL Aliases #shorts #webdev

GraphQL, Deno, and the next-gen web framework Fresh

GraphQL, Deno, and the next-gen web framework Fresh

Building GraphQL UIs with Retool

Building GraphQL UIs with Retool

GraphQL Yoga 3 and ExpressJS

GraphQL Yoga 3 and ExpressJS

The new GraphQL Code Generator Client Preset

The new GraphQL Code Generator Client Preset

GraphQL with Next.js 13 Server Components

GraphQL with Next.js 13 Server Components

GraphQL Middleware with Yoga

GraphQL Middleware with Yoga

Improve server security with Rate Limiting and GraphQL Yoga

Improve server security with Rate Limiting and GraphQL Yoga

Using GraphQL Code Generator with GraphQL Request

Using GraphQL Code Generator with GraphQL Request

Set Context with Apollo Client

Set Context with Apollo Client

Build your own GraphQL REST directive

Build your own GraphQL REST directive

Code-first GraphQL schemas with Pothos

Code-first GraphQL schemas with Pothos

GraphQL Explorer Plugin with GraphiQL

GraphQL Explorer Plugin with GraphiQL

GraphQL Queries and Mutations with SWR

GraphQL Queries and Mutations with SWR

Working with GraphiQL 2

Working with GraphiQL 2

GraphQL Yoga Subscriptions with Redis

GraphQL Yoga Subscriptions with Redis

Secure APIs with GraphQL Armor

Secure APIs with GraphQL Armor

GraphQL Live Queries (in-memory)

GraphQL Live Queries (in-memory)

Apollo Client Data Normalization

Apollo Client Data Normalization

GraphQL Subscriptions with Server Sent Events

GraphQL Subscriptions with Server Sent Events

GraphQL to Postman collection with GraphMan

GraphQL to Postman collection with GraphMan

Generate TypeScript Types from a GraphQL Schema

Generate TypeScript Types from a GraphQL Schema

GraphQL, Cloudflare Workers, and KV

GraphQL, Cloudflare Workers, and KV

Allow or Deny GraphQL Operations with Envelop

Allow or Deny GraphQL Operations with Envelop

GraphQL Mesh Extended Types

GraphQL Mesh Extended Types

The Graph Client | The Graph | Web3

The Graph Client | The Graph | Web3

Working with GraphiQL

Working with GraphiQL

Schema-first or code-first GraphQL

Schema-first or code-first GraphQL

GraphQL Nullability

GraphQL Nullability

Typed Document Node with GraphQL Code Generator

Typed Document Node with GraphQL Code Generator

Batching GraphQL Requests with DataLoader

Batching GraphQL Requests with DataLoader

12. Create schema and resolver for creating a new Stripe checkout session

12. Create schema and resolver for creating a new Stripe checkout session

11. Create schema and resolver for decreasing item quantity

11. Create schema and resolver for decreasing item quantity

10. Create schema and resolver for increasing item quantity

10. Create schema and resolver for increasing item quantity

9. Create schema and resolver for removing cart items

9. Create schema and resolver for removing cart items

8. Create schema and resolver for adding new item

8. Create schema and resolver for adding new item

6. Install and configure Prisma | One Week GraphQL

6. Install and configure Prisma | One Week GraphQL

3. Install GraphQL Yoga, and configure API route | One Week GraphQL

3. Install GraphQL Yoga, and configure API route | One Week GraphQL

7. Create schema and resolver for fetching a cart by ID

7. Create schema and resolver for fetching a cart by ID

2. Install and configure Tailwind CSS | One Week GraphQL

2. Install and configure Tailwind CSS | One Week GraphQL

5. Install and configure Docker Compose | One Week GraphQL

5. Install and configure Docker Compose | One Week GraphQL

1. Creating a new Next.js app | One Week GraphQL

1. Creating a new Next.js app | One Week GraphQL

4. Install and configure GraphQL Code Generator | One Week GraphQL

4. Install and configure GraphQL Code Generator | One Week GraphQL

Intro to One Week GraphQL Course | Learn GraphQL In One Week

Intro to One Week GraphQL Course | Learn GraphQL In One Week

GraphQL Input Types

GraphQL Input Types

Documenting your GraphQL SDL with Descriptions

Documenting your GraphQL SDL with Descriptions

KitQL with Svelte & GraphQL

KitQL with Svelte & GraphQL

GraphQL Yoga 2

GraphQL Yoga 2

Response Cache Context

Response Cache Context

Envelop Response Cache Plugin with GraphQL Yoga

Envelop Response Cache Plugin with GraphQL Yoga

useLazyQuery with Apollo Client

useLazyQuery with Apollo Client

GraphQL Caching with Stellate (previously GraphCDN)

GraphQL Caching with Stellate (previously GraphCDN)

Type safe GraphQL server context with GraphQL Code Generator

Type safe GraphQL server context with GraphQL Code Generator

Error Handling with GraphQL Union Types

Error Handling with GraphQL Union Types

Apollo Client 3 with GraphQL Code Generator

Apollo Client 3 with GraphQL Code Generator

GraphQL Schema Mocking with GraphQL Tools

GraphQL Schema Mocking with GraphQL Tools

Remote GraphQL Schema Introspection Codegen

Remote GraphQL Schema Introspection Codegen

Type safe resolvers with GraphQL Code Generator

Type safe resolvers with GraphQL Code Generator

GraphQL Introspection

GraphQL Introspection

Batteries Included GraphQL Server - GraphQL Yoga

Batteries Included GraphQL Server - GraphQL Yoga

Merge GraphQL resolvers with GraphQL Tools

Merge GraphQL resolvers with GraphQL Tools

GraphQL schema file loading with GraphQL Tools

GraphQL schema file loading with GraphQL Tools

Detect breaking GraphQL schema changes with GitHub Actions

Detect breaking GraphQL schema changes with GitHub Actions

GraphQL Context Arg

GraphQL Context Arg

Video Reactions with Remix and GraphQL

Video Reactions with Remix and GraphQL

Metered GraphQL API usage billing with Stripe

Metered GraphQL API usage billing with Stripe

Remix Loaders with GraphQL Request

Remix Loaders with GraphQL Request

GraphQL Union Types and GraphQL Tools

GraphQL Union Types and GraphQL Tools

GraphQL Helix API Route with Next.js

GraphQL Helix API Route with Next.js

GraphQL Mesh SDK with Next.js

GraphQL Mesh SDK with Next.js

GraphQL Query Depth Limiting with Express

GraphQL Query Depth Limiting with Express

GraphQL Fragments

GraphQL Fragments

GraphQL Remote Schema Stitching

GraphQL Remote Schema Stitching

Express GraphQL + MongoDB

Express GraphQL + MongoDB

GraphQL over fetch API

GraphQL over fetch API

@include, @skip, and @deprecated GraphQL Directives

@include, @skip, and @deprecated GraphQL Directives

Using GraphQL Variables with Queries and Mutations

Using GraphQL Variables with Queries and Mutations

GraphQL with Insomnia API Client

GraphQL with Insomnia API Client

Custom GraphQL Scalar for Email Address

Custom GraphQL Scalar for Email Address

Serverless GraphQL handler with Vercel

Serverless GraphQL handler with Vercel

GraphQL Aliases

GraphQL Aliases

Authorization with GraphQL Shield

Authorization with GraphQL Shield

Type safe GraphQL queries with genql

Type safe GraphQL queries with genql

GraphQL Mesh as a Gateway

GraphQL Mesh as a Gateway

Launch your own dropshipping store with Next.js, Printful, and Snipcart | Headless Dropshipping

Launch your own dropshipping store with Next.js, Printful, and Snipcart | Headless Dropshipping

#13. Remove from Cart | Create a Next.js store with Commerce.js

#13. Remove from Cart | Create a Next.js store with Commerce.js

#12. Update Cart item quantities | Create a Next.js store with Commerce.js

#12. Update Cart item quantities | Create a Next.js store with Commerce.js

#11. Create Cart page | Create a Next.js store with Commerce.js

#11. Create Cart page | Create a Next.js store with Commerce.js

#10. Add to Cart | Create a Next.js store with Commerce.js

#10. Add to Cart | Create a Next.js store with Commerce.js

#9. Create React context provider for managing Cart state | Create a Next.js store with Commerce.js

#9. Create React context provider for managing Cart state | Create a Next.js store with Commerce.js

Client-only Stripe checkout (legacy flow)

Client-only Stripe checkout (legacy flow)

Custom Checkout Fields | Commerce.js

Custom Checkout Fields | Commerce.js

Top 5 free or Fake APIs

Top 5 free or Fake APIs

GraphQL Tools You Should Be Using In 2021

GraphQL Tools You Should Be Using In 2021

Build a custom search UI with Algolia, powered by Commerce.js API webhooks

Build a custom search UI with Algolia, powered by Commerce.js API webhooks

Building GraphiQL Bin

Building GraphiQL Bin

Exploring Userbase + Next.js | Create secure and private web apps

Exploring Userbase + Next.js | Create secure and private web apps

7. Create individual product page | Create a Commerce.js store with Svelte

7. Create individual product page | Create a Commerce.js store with Svelte

6. Create individual category page | Create a Commerce.js store with Svelte

6. Create individual category page | Create a Commerce.js store with Svelte

5. Create categories index page | Create a Commerce.js store with Svelte

5. Create categories index page | Create a Commerce.js store with Svelte

4. Create products index page | Create a Commerce.js store with Svelte

4. Create products index page | Create a Commerce.js store with Svelte

3. Create index of categories and products | Create a Commerce.js store with Svelte

3. Create index of categories and products | Create a Commerce.js store with Svelte

2. Install and setup Commerce.js | Create a Commerce.js store with Svelte

2. Install and setup Commerce.js | Create a Commerce.js store with Svelte

1. Initial Sapper + Svelte boilerplate setup | Create a Commerce.js store with Svelte

1. Initial Sapper + Svelte boilerplate setup | Create a Commerce.js store with Svelte

Part 22 (Categories continued) - Building forum software with Next and GraphQL

Part 22 (Categories continued) - Building forum software with Next and GraphQL

Part 21 (Categories index) - Building forum software with Next and GraphQL

Part 21 (Categories index) - Building forum software with Next and GraphQL

Part 20 (Members list) - Building forum software with Next and GraphQL

Part 20 (Members list) - Building forum software with Next and GraphQL

Part 19 (Bug fix) - Building forum software with Next and GraphQL

Part 19 (Bug fix) - Building forum software with Next and GraphQL

Part 18 (Category Slugs) - Building forum software with Next and GraphQL

Part 18 (Category Slugs) - Building forum software with Next and GraphQL

Part 17 (Online users) - Building forum software with Next and GraphQL

Part 17 (Online users) - Building forum software with Next and GraphQL

Part 16 (UI improvements) - Building forum software with Next and GraphQL

Part 16 (UI improvements) - Building forum software with Next and GraphQL

Part 15 (Lock/Unlock threads) - Building forum software with Next and GraphQL

Part 15 (Lock/Unlock threads) - Building forum software with Next and GraphQL

Part 14 (Editing Posts) - Building forum software with Next and GraphQL

Part 14 (Editing Posts) - Building forum software with Next and GraphQL

Part 13 (Post Likes) - Building forum software with Next and GraphQL

Part 13 (Post Likes) - Building forum software with Next and GraphQL

Part 12 (Today's Posts) - Building forum software with Next and GraphQL

Part 12 (Today's Posts) - Building forum software with Next and GraphQL

Part 11 (Insert/Render Markdown) - Building forum software with Next and GraphQL

Part 11 (Insert/Render Markdown) - Building forum software with Next and GraphQL

Part 10 (Category Page) - Building forum software with Next and GraphQL

Part 10 (Category Page) - Building forum software with Next and GraphQL

Part 9 (Thread Page) - Building forum software with Next and GraphQL

Part 9 (Thread Page) - Building forum software with Next and GraphQL

Part 8 (Threads Index) - Building forum software with Next and GraphQL

Part 8 (Threads Index) - Building forum software with Next and GraphQL

Part 7 (Ask Form) - Building forum software with Next and GraphQL| #Hacktoberfest

Part 7 (Ask Form) - Building forum software with Next and GraphQL| #Hacktoberfest

Part 6 (Auth forms/pages) - Building forum software with Next and GraphQL | Hacktoberfest

Part 6 (Auth forms/pages) - Building forum software with Next and GraphQL | Hacktoberfest

Part 5 (Login API route) - Building forum software with Next and GraphQL | Hacktoberfest

Part 5 (Login API route) - Building forum software with Next and GraphQL | Hacktoberfest

Part 4 (Register API route) - Building forum software with Next and GraphQL | Hacktoberfest

Part 4 (Register API route) - Building forum software with Next and GraphQL | Hacktoberfest

Part 3 (Auth) - Building forum software with Next and GraphQL | Hacktoberfest

Part 3 (Auth) - Building forum software with Next and GraphQL | Hacktoberfest

Part 2 (Next.js. + @TailwindLabs ) - Building forum software with Next and GraphQL | Hacktoberfest

Part 2 (Next.js. + @TailwindLabs ) - Building forum software with Next and GraphQL | Hacktoberfest

Part 1 (Hasura setup) - Building forum software with Next and GraphQL | Hacktoberfest

Part 1 (Hasura setup) - Building forum software with Next and GraphQL | Hacktoberfest

9. Using Gatsby Image with product images | Create a Gatsby store with Commerce.js

9. Using Gatsby Image with product images | Create a Gatsby store with Commerce.js

9. Create a Nuxt plugin for Commerce.js | Create a Nuxt.js store with Commerce.js

9. Create a Nuxt plugin for Commerce.js | Create a Nuxt.js store with Commerce.js

#8. Create individual product page | Create a Gatsby store with Commerce.js

#8. Create individual product page | Create a Gatsby store with Commerce.js

#7. Create individual category pages | Create a Gatsby store with Commerce.js

#7. Create individual category pages | Create a Gatsby store with Commerce.js

#6. Create categories index page | Create a Gatsby store with Commerce.js

#6. Create categories index page | Create a Gatsby store with Commerce.js

#5. Create category and category list components | Create a Gatsby store with Commerce.js

#5. Create category and category list components | Create a Gatsby store with Commerce.js

#4. Create products index page | Create a Gatsby store with Commerce.js

#4. Create products index page | Create a Gatsby store with Commerce.js

#3. Create product and product list components | Create a Gatsby store with Commerce.js

#3. Create product and product list components | Create a Gatsby store with Commerce.js

#1. Initial setup and configuration | Create a Gatsby store with Commerce.js

#1. Initial setup and configuration | Create a Gatsby store with Commerce.js

#2. Create index page | Create a Gatsby store with Commerce.js

#2. Create index page | Create a Gatsby store with Commerce.js

#8. Create individual product page | Create a Nuxt.js store with Commerce.js

#8. Create individual product page | Create a Nuxt.js store with Commerce.js

#5. Create reusable category components | Create a Nuxt.js store with Commerce.js

#5. Create reusable category components | Create a Nuxt.js store with Commerce.js

#7. Create individual category page | Create a Nuxt.js store with Commerce.js

#7. Create individual category page | Create a Nuxt.js store with Commerce.js

#6. Create categories index page | Create a Nuxt.js store with Commerce.js

#6. Create categories index page | Create a Nuxt.js store with Commerce.js

#4. Create products index page | Create a Nuxt.js store with Commerce.js

#4. Create products index page | Create a Nuxt.js store with Commerce.js

#3. Create reusable product components | Create a Nuxt.js store with Commerce.js

#3. Create reusable product components | Create a Nuxt.js store with Commerce.js

#2. Create index page | Create a Nuxt.js store with Commerce.js

#2. Create index page | Create a Nuxt.js store with Commerce.js

#1. Initial setup and configuration | Create a Nuxt.js store with Commerce.js

#1. Initial setup and configuration | Create a Nuxt.js store with Commerce.js

GraphQL Shopping Cart & Checkout | CartQL

GraphQL Shopping Cart & Checkout | CartQL

#8. Create individual product page | Create a Next.js store with Commerce.js

#8. Create individual product page | Create a Next.js store with Commerce.js

#7. Create individual category page | Create a Next.js store with Commerce.js

#7. Create individual category page | Create a Next.js store with Commerce.js

#6. Create categories index page | Create a Next.js store with Commerce.js

#6. Create categories index page | Create a Next.js store with Commerce.js

#5. Create reusable category components | Create a Next.js store with Commerce.js

#5. Create reusable category components | Create a Next.js store with Commerce.js

#4. Create products index page | Create a Next.js store with Commerce.js

#4. Create products index page | Create a Next.js store with Commerce.js

#3. Create reusable product components | Create a Next.js store with Commerce.js

#3. Create reusable product components | Create a Next.js store with Commerce.js

#2. Create index page | Create a Next.js store with Commerce.js

#2. Create index page | Create a Next.js store with Commerce.js

#1. Initial setup and configuration | Create a Next.js store with Commerce.js

#1. Initial setup and configuration | Create a Next.js store with Commerce.js

Build your own Gatsby Source Plugin and Publish it to NPM with GitHub Actions

Build your own Gatsby Source Plugin and Publish it to NPM with GitHub Actions

Stripe Payment Intents API with Next.js getServerSideProps

Stripe Payment Intents API with Next.js getServerSideProps

GraphQL middleware in 6 minutes

GraphQL middleware in 6 minutes

How to use React useReducer hook in your React applications

How to use React useReducer hook in your React applications

How to use React useState in your React application

How to use React useState in your React application

Create a modular GraphQL Server with Apollo

Create a modular GraphQL Server with Apollo

Setup TailwindCSS with Next.js

Setup TailwindCSS with Next.js

Code with Jamie: Send order confirmation emails with Moltin

Code with Jamie: Send order confirmation emails with Moltin