Vercel

※本サイトに掲載されているチャンネル情報や動画情報はYouTube公式のAPIを使って取得・表示しています。

Videos

動画一覧

動画数:280件

Building an OpenAI-powered Slackbot with GPT

Building an OpenAI-powered Slackbot with GPT

Learn how to build a Slackbot powered by Vercel Functions that talks to OpenAI to answer any question you have. This tutorial uses GPT 3.5 Turbo, but could be used with any model or AI provider. 0:00 – Introduction 0:17 – Demo 0:30 – OpenAI key 0:41 – Slackbot setup 1:35 – Function overview 2:09 – Listening to Slack events 3:09 – Verifying the incoming request 4:14 – Responding from OpenAI GPT 6:49 – Example Slack message 7:27 – Configuring Slackbot request URL 8:17 – Deploying to Vercel 8:29 – Viewing logs 9:21 – Configuring function max duration 9:58 – Conclusion ◆ Docs: https://vercel.com/docs ◆ Try Vercel: https://vercel.com/product-tour ◆ Talk to our team: https://vercel.com/contact/sales ◆ Code: https://vercel.com/templates/other/openai-gpt-slackbot-vercel-functions #vercel #openai
2024年02月07日
00:00:00 - 00:10:30
How to scale your teams with Conformance and Code Owners

How to scale your teams with Conformance and Code Owners

Learn about how Vercel helps organizations grow with Conformance and Code owners. Now available for Enterprise teams. 0:00 – How Conformance helps with performance 1:35 – Conformance in your workflow 3:16 – Custom rules in Conformance 6:21 – Allowlisting existing code violations 8:29 – Incremental migration backed by Conformance 9:17 – Code Owners 11:38 – Conclusion ◆ Docs: https://vercel.com/docs ◆ Try Vercel: https://vercel.com/product-tour ◆ Talk to our team: https://vercel.com/contact/sales ◆ Templates: https://vercel.com/templates #vercel #monorepos
2024年02月06日
00:00:00 - 00:12:14
How Core Web Vitals affect SEO

How Core Web Vitals affect SEO

Learn how to understand your application's Google page experience ranking and Lighthouse scores. ◆ https://vercel.com/blog/how-core-web-vitals-affect-seo ◆ https://vercel.com/docs/speed-insights
2024年02月05日
00:00:00 - 00:15:22
How Vercel builds Vercel

How Vercel builds Vercel

Learn how Vercel builds Vercel: from the initial v0 all the way to enabling feature flags in production and visualizing traffic data. 0:00 – Introduction 0:24 – Git Integration 1:35 – v0 3:31 – Deployment summary 4:34 – Web Analytics 5:40 – Speed Insights 7:14 – Logs 8:01 – Monitoring 8:42 – Edge Config 9:33 – Feature Flags 10:37 – Draft Mode 12:16 – Conformance 13:37 – Incremental adoption 14:37 – Conclusion ◆ Docs: https://vercel.com/docs ◆ Try Vercel: https://vercel.com/product-tour ◆ Talk to our team: https://vercel.com/contact/sales ◆ Templates: https://vercel.com/templates ◆ v0: https://v0.dev #vercel #v0
2024年01月30日
00:00:00 - 00:15:15
Deploying a simple website to Vercel (HTML, CSS, JavaScript)

Deploying a simple website to Vercel (HTML, CSS, JavaScript)

Learn how to deploy a simple HTML, CSS, and JavaScript based website to Vercel. This video also covers adding analytics, pushing changes to your git repository, advanced routing configurations, and more. 0:00 – Introduction 0:25 – Deploying the HTML template 0:55 – Exploring your new website 2:00 – Vercel Web Analytics 3:53 – Git workflow and pushing changes 5:30 – Vercel Edge Middleware 5:58 – CSS 6:48 – Conclusion ◆ Docs: https://vercel.com/docs ◆ Template: https://vercel.com/templates/other/html-starter #vercel
2024年01月29日
00:00:00 - 00:07:33
Environments on Vercel

Environments on Vercel

Learn about the different environments on Vercel, how to use environment variables, and a variety of different workflows you can use to create and manage your deployments. 0:00 – Introduction 0:24 – Deploying through GitHub 3:08 – Preview and production environments 5:23 – Custom preview environments 7:20 – Custom workflows and manual promotion 10:54 – REST API and CLI 11:02 – Conclusion ◆ Git integrations: https://vercel.com/docs/deployments/git ◆ Environments: https://vercel.com/docs/deployments/environments ◆ Manual promotion: https://vercel.com/docs/deployments/managing-deployments#manually-promoting-to-production #vercel
2024年01月25日
00:00:00 - 00:11:34
Deploying a backend on Vercel (APIs and Functions)

Deploying a backend on Vercel (APIs and Functions)

Learn how to deploy a backend to Vercel, like a REST API, through Vercel Functions. These backend APIs can then connect to your database or third-party services. 0:00 – Introduction 0:31 – Deploying a Node.js function 2:00 – Express 2:46 – Storage and logs 3:30 – Templates 3:57 – Conclusion ◆ Templates: https://vercel.com/templates ◆ Docs: https://vercel.com/docs #vercel
2024年01月24日
00:00:00 - 00:04:14
Deploying Next.js to Vercel

Deploying Next.js to Vercel

Learn how to deploy your Next.js application to Vercel by starting with a template, using the Vercel CLI, or pushing commits to your git repository. 0:00 – Introduction 0:13 – Deploying a Next.js template 2:05 – Pushes changes to GitHub 4:11 – Deploying with the Vercel CLI 5:44 – Conclusion ◆ Templates: https://vercel.com/templates/next.js ◆ Docs: https://vercel.com/docs/frameworks/nextjs #nextjs #react
2024年01月22日
00:00:00 - 00:06:22
Next.js App Router Caching: Explained!

Next.js App Router Caching: Explained!

Learn how to fetch, cache, and revalidate data using the Next.js App Router. 0:00 – Introduction 0:24 – Demo 1:20 – Caching overview 2:06 – Foundations 6:10 – Static: fetch() 7:03 – Dynamic: fetch() without caching 7:37 – Static: unstable_cache() 9:37 – Dynamic: Direct database calls 10:07 – Revalidating static data 12:32 – Revalidating from external sources (webhooks) 14:12 – Revalidating static data with ISR 15:28 – React cache() 16:40 – App Router and Pages Router differences 17:52 – Example: Forms with useFormState & useFormStatus 19:33 – Using forms without JavaScript 19:59 – Exploring the network tab for a Server Action 20:49 – Example: Optimistic UI 21:45 – Preventing navigations with pending mutations 22:34 – Progressive enhancement 23:39 – Partial Prerendering 24:56 – Conclusion ◆ Forms example: https://github.com/vercel/next.js/tree/canary/examples/next-forms ◆ Optimistic UI example: https://github.com/vercel/next.js/tree/canary/examples/with-redis ◆ Docs: https://nextjs.org/docs/app/building-your-application/caching ◆ Deep dive: https://github.com/vercel/next.js/discussions/54075 ◆ Partial Prerendering: https://vercel.com/blog/partial-prerendering-with-next-js-creating-a-new-default-rendering-model #nextjs #react
2024年01月16日
00:00:00 - 00:25:22
10 common mistakes with the Next.js App Router

10 common mistakes with the Next.js App Router

After talking to hundreds of developers and looking at thousands of Next.js repositories, I've noticed ten common mistakes when building with the Next.js App Router. This video will share why these mistakes can happen, how to fix them, and some tips to help you understand the new App Router model. 0:00 – Introduction 0:13 – Calling Route Handlers from Server Components 1:59 – Static or dynamic Route Handlers 7:00 – Route Handlers and Client Components 9:03 – Using Suspense with Server Components 12:35– Using the incoming request 13:59 – Using Context providers with App Router 15:10 – Using Server and Client Components together 15:41 – Adding “use client” unnecessarily 17:51 – Not revalidating data after mutations 19:11 – Redirects inside of try/catch blocks https://vercel.com/blog/common-mistakes-with-the-next-js-app-router-and-how-to-fix-them #nextjs #react
2024年01月09日
00:00:00 - 00:20:37