Next.js 14.2正式リリース、webpack後継ビルドツールのTurbopackがリリース候補版に

2024/04/17 6 users React Turbopack ルーティング 正式リリース

Next.js 14.2正式リリース、webpack後継ビルドツールのTurbopackがリリース候補版に Vercelは同社が開発するWebアプリケーションフレームワークの最新版となる「Next.js 14.2」の正式リリースを発表しました。 Next.jsは、ReactをベースとしたオープンソースのWebアプリケーションフレームワークです。ルーティングやサ... 続きを読む

Vercel Functions: Faster, modern, and more scalable – Vercel

2024/02/14 14 users Faster modern

We’ve been building a new foundation for compute, built on top of Vercel’s Managed Infrastructure, for the past year. Today, we’d like to share our first major iteration of Vercel Functions: Increased Concurrency: Now up to 100,000 concurrent invocationsWeb Standard APIs: New Function signature u... 続きを読む

Finishing Turborepo's migration from Go to Rust – Vercel

2024/02/13 7 users from Go to Rust

We've finished porting Turborepo, the high performance JavaScript and TypeScript build system, from Go to Rust. This lays the groundwork for better performance, improved stability, and powerful new features. Here’s how we finished this port and shipped the first all-Rust version of turbo. Since l... 続きを読む

Next.js App Router キャッシュの今

2024/01/26 10 users キャッシュ Next.js App Router RSC

先日Vercelから「Next.js App Router Caching: Explained!」というタイトルの動画が公開されていたので、その内容をまとめることでNext.jsのキャッシュの今について整理しておこうと思います。 基本 まずNext.jsでは、静的レンダリングがデフォルトです。RSCを使用していても基本的にはビルド時にページが事前レンダリン... 続きを読む

Common mistakes with the Next.js App Router and how to fix them – Vercel

2024/01/11 8 users them Router Model

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 post will share why these mistakes can happen, how to fix them, and some tips to help you understand the new App Router model. 続きを読む

【Next.js × @vercel/og】セミナー登壇者風に誰でも予定を告知できるアプリを作りました - Qiita

2023/11/26 7 users Qiita Next.js アプリ 予定

はじめに 突然ですがみなさん、 X（旧Twitter）でこんな感じのイベント告知画像を見たことはありますか？ 最近はセミナーや講演会に登壇する人たちが、イベント告知のためにこのような投稿をすることが増えているように感じます。 そして、こうした投稿を目にするたびに、自分は次のようなことを思います。 人生で １ 回... 続きを読む

Vercel、生成AIへのプロンプトでWebアプリのUIを自動生成してくれる「v0」をベータ公開。Freeプランも提供

2023/10/17 176 users プロンプト ユーザーインターフェイス 生成AI 言語 自動生成

Vercel、生成AIへのプロンプトでWebアプリのUIを自動生成してくれる「v0」をベータ公開。Freeプランも提供 Next.jsの開発元として知られるVerelは、生成AIに対して自然言語のプロンプトを与えることでWebアプリケーションのユーザーインターフェイスを自動生成してくれるサービス「v0」のベータ公開を発表しました。 v0... 続きを読む

How we optimized package imports in Next.js – Vercel

2023/10/13 7 users

How we optimized package imports in Next.js40% faster cold boots and 28% faster builds In the latest version of Next.js, we've made improvements to optimize package imports, improving both local dev performance and production cold starts, when using large icon or component libraries or other depe... 続きを読む

Vercel、自然言語からUIを生成するサービス「v0」を実験的に公開。Tailwind CSSとShadcn UIをベースに

2023/09/19 69 users プロンプト ユーザーインターフェイス 生成AI 言語 ベース

Next.jsの開発元として知られるVerelは、生成AIに対して自然言語のプロンプトを与えることでWebのユーザーインターフェイスを自動生成してくれるサービス「v0」をプライベートアルファ版として公開しました。 v0のWebサイト。プロンプト入力欄が中央にあり、下には過去の作例が並んでいる v0 by Vercel LabsGenerate UI ... 続きを読む

Bun install is now supported with zero configuration – Vercel

2023/09/12 6 users

Projects using Bun as a package manager can now be deployed to Vercel with zero configuration. Like yarn, npm, and pnpm, Bun acts as a package manager focused on saving disk space and boosting installation speed. Starting today, Projects that contain a bun.lockb file will automatically run bun in... 続きを読む

Next.jsでServer Componentsがちょっとだけテストできるようになってた

2023/09/11 11 users Server Components Next.js I'm

先日 Vercel の@leeerob氏が次のようなツイートをしていました。 I'm working on updated testing docs for the @nextjs App Router. next@canary supports Jest for server & client components, metadata, server-only, and more なんと next@canary で、Server Components の Jest でのテスト実行がサポートされてい... 続きを読む

2023-08-16のJS: Next.js v13.4.16(test mode)、SafariのStorage Policy、ESMへの移行(Redux)

2023/08/16 6 users playwright MSW JSer.info ESM 処理

JSer.info #656 - Next.js v13.4.16がリリースされています。 Release v13.4.16 · vercel/next.js v13.4.16には、実験的な機能としてtest modeというPlaywrightとMSWを使ったテストする仕組みが追加されています。 Next.jsのApp Directoryでは、MSWがNext.jsの処理に差し込めるポイントがなかったため、MSWが動かないな... 続きを読む

How Turborepo is porting from Go to Rust – Vercel

2023/07/21 6 users now Let's talk

How Turborepo is porting from Go to RustOur strategy for making updates and maintaining stability while we migrate languages. In a previous blog post, we talked about why we are porting Turborepo, the high-performance build system for JavaScript and TypeScript, from Go to Rust. Now, let's talk ab... 続きを読む

React 18の非同期機能とパフォーマンス改善についてVercelが解説

2023/07/18 9 users React アプリケーション パフォーマンス 解説 影響

React 18の非同期機能とパフォーマンス改善について 7月19日、React 18はパフォーマンス改善機能を発表しました。 この記事では、React 18の非同期機能がアプリケーションのパフォーマンスに与える影響と改善点 React 18の非同期機能とパフォーマンス改善について この記事では、React 18の非同期機能がアプリケーション... 続きを読む

Tweetsの全部検索できるmytweetsをBlueskyに対応した。自分用Twilogみたいなもの

2023/07/03 15 users tweets mytweets Bluesky twilog

以前TwitterのTwilogの代替えとして、mytweetsというツールキットを作りました。 自分のTweetsをインクリメンタル検索できるサービス作成キット と Tweetsをまとめて削除するツールを書いた | Web Scratch azu/mytweets: Search all your tweets. 今回、mytweetsをBlueskyにも対応させました。 合わせて、Vercelで動くよ... 続きを読む

An Introduction to Streaming on the Web – Vercel

2023/06/23 6 users

An Introduction to Streaming on the WebChunking data, handling backpressure, server-side events, and more. The ability to process data as it streams has always been a fundamental concept in computer science. JavaScript developers had access to streaming through `XMLHttpRequest`, but it wasn't unt... 続きを読む

Vercel Web Analyticsが正式機能に。Google Analyticsのようなサードパーティのスクリプトやクッキーによるトラッキングが不要

2023/06/21 33 users トラッキング スクリプト ホスティングサービス クッキー 機能

Vercel Web Analyticsが正式機能に。Google Analyticsのようなサードパーティのスクリプトやクッキーによるトラッキングが不要 Next.jsの開発元であり、Webアプリケーションのホスティングサービスなどを提供するVercelは、同社のホスティング環境で利用できるアクセス解析機能「Web Aanalytics」を正式版としてリリース... 続きを読む

Introducing the Vercel AI SDK – Vercel

2023/06/15 6 users

Over the past 6 months, AI companies like Scale, Jasper, Perplexity, Runway, Lexica, and Jenni have launched with Next.js and Vercel. Vercel helps accelerate your product development by enabling you to focus on creating value with your AI applications, rather than spending time building and maint... 続きを読む

「Vercel KV」が正式リリース、Redisベースのキーバリューストア。ホビー向けには月間3万リクエスト、256MBストレージまで無料に

2023/06/15 15 users キーバリューストア ホスティングサービス 正式リリース 同社

「Vercel KV」が正式リリース、Redisベースのキーバリューストア。ホビー向けには月間3万リクエスト、256MBストレージまで無料に Next.jsの開発元であり、Webアプリケーションのホスティングサービスなどを提供するVercelは、同社のホスティング環境で利用できるキーバリューストア「Vercel KV」の正式リリースを発表し... 続きを読む

GitHub の実用的な新規リポジトリ画面は偶然から生まれた - @kyanny's blog

2023/06/15 20 users GitHub screen 導線 CEO 画面

ある Vercel ユーザーが「空っぽの状態」の画面に適切な導線が表示されているのを褒めたら、 Check out this delightful empty state by @Vercel! pic.twitter.com/qFkhFcUlwq— usrnk1 (@usrnk1) 2023年6月14日 Vercel の CEO が GitHub の new repo screen を参考にして意図的にやっているのだといい、 My love languag... 続きを読む

Fly.io に入社した - blog.8-p.info

2023/06/09 71 users fly.io 8-p.info Heroku PaaS 人々

3月の末から Fly.io という会社ではたらいている。 いわゆる Heroku のような PaaS なのだけど、 Cloudflare や Vercel のような、東京の人々には東京のサーバーが、ポートランドの人々にはシアトルのサーバーがリクエストをひろうので速い、というエッジっぽいことができる でも、そこで動くのは WASM や V8 Isolates ... 続きを読む

TypeScript/Rollup/Vercelでサクッとブックマークレットを作ってみよう - Adwaysエンジニアブログ

2023/05/26 13 users rollup TypeScript ブックマークレット

こんにちは。エンジニアブログ運営の梅津です。 普段はエージェンシー事業部でリードアプリケーションエンジニアとして働いています。 エンジニアブログ運営としてブログの質を向上させるために、これまでのブログの情報を集めたりもするのですが、これを逐一手作業で行うのは大変です。 ある程度の作業は自動化したい。... 続きを読む

Next.jsのVercelが「Vercel KV」「Vercel Postgres」「Vercel Blob」の3つの新ストレージサービスを発表

2023/05/09 11 users ホスティングサービス 新ストレージサービス Next.js

Next.jsのVercelが「Vercel KV」「Vercel Postgres」「Vercel Blob」の3つの新ストレージサービスを発表 Next.jsの開発元であり、Webアプリケーションのホスティングサービスなどを提供するVercelは、同社のホスティング環境で利用できる3種類の新サービス「Vercel KV」「Vercel Postgres」「Vercel Blob」を発表しまし... 続きを読む

Vercel はもっと薄く使える

2023/05/04 12 users Postgres blob Storage コンポーネント

はじめに Vercel Ship、アツい発表が続いていますね。 特に初日の Storage は、KV、Postgres、Blob と 3 つのプロダクトが公開され、「とりあえず何か試したい！」「今の構成のあのコンポーネントは Vercel で済ませられるようになりそう！」となった方も多いんじゃないでしょうか。 Vercel で何かしら関数を動かすとな... 続きを読む

【新機能】Vercel Postgres + Next.js + PrismaでフルスタックWebアプリケーションを作ってみた

2023/05/02 51 users client Prisma Server ＧＷ 初日

はじめに GWに入り、5日連続のVercelによる新機能の発表が始まりました。早速初日(2023 5/1)からすさまじい機能の発表がありました。 初日に発表されたのは、以下の三つのStorageサービスです。 Vercel Postgres Vercel KV Vercel Blob 今回はこの中のVercel Postgresを実際に使いながら、ClientからServerまで網羅した... 続きを読む