🧌

Vercel Shipまとめ

2023/05/09に公開

Vercel Ship終わりましたね!新しい発表がたくさんありましたが、それらをざっくりまとめてみました。
まだ深く追えていないので、認識が間違っている箇所があるかもしれません。詳しくは公式ドキュメントを参照してください。それではいってみましょー!
https://vercel.com/ship

Storage

まずはデータベース関連ですね。

  • Vercel KV
  • Vercel Postgres
  • Vercel Blob

https://vercel.com/blog/vercel-storage#vercel-kv-a-durable-redis-database


Vercel KV

インメモリ、キーバリューストアのRedisが使えます。Upstashが提供とのこと。耐久性が向上している、とあるのですが外部サービスが管理しているからということなのでしょうか?

https://vercel.com/docs/storage/vercel-kv#

https://upstash.com/


Vercel Postgres

サーバーレスなPostgreSQLが使えます。提供はNeonです。

https://vercel.com/docs/storage/vercel-postgres#

https://neon.tech/


Vercel Blob

ファイルストレージです。Cloudflare R2との提携みたいです。Amazon S3の代替を意識してるように感じますね。

https://vercel.com/docs/storage/vercel-blob#

https://developers.cloudflare.com/r2/


Security

続いてはセキュリティ関連です。開発者側のバックエンドへのプライベートネットワークやクライアント側のファイアウォール関連みたいです。

  • Vercel Firewall
  • Vercel Secure Compute

https://vercel.com/blog/vercel-security


Vercel Secure Compute

Serverless Functionsとバックエンドの間にセキュアなネットワークを構築できるっぽいです。

https://vercel.com/docs/security/secure-compute

https://vercel.com/docs/concepts/functions/serverless-functions#


Vercel Firewall

トラフィック監視やIPブロッキングが主な機能のようです。

https://vercel.com/docs/security/vercel-firewall


Collaborate

チーム開発をより良くするために必要な情報へのアクセス性向上、エンジニアリングチーム、コンテンツチームなどのチーム間協業を円滑にするビジュアルエディターなどです。

  • Vercel Spaces
  • Visual Editing

https://vercel.com/blog/vercel-spaces

https://vercel.com/blog/visual-editing


Vercel Spaces

開発ワークフロー、コード品質、ビルドログなど多岐に渡る情報をVercel上で今までより詳細に一元管理できるようになるみたいです。

https://vercel.com/docs/workflow-collaboration/vercel-spaces


Visual Editing

ヘッドレスCMSでホストしているコンテンツをコード変更なしで編集できるようになったみたいです。個人的にはこれが一番ワクワクしましたね。この機能でコンテンツ編集の時に発生し得る意図しないコード変更が防げるし、コンテンツの編集だけに注力できそうな感じがします。エンジニアリング、コンテンツなど役割が分かれているチームほど威力を発揮しそうですね。Sanityの提供です。

https://vercel.com/docs/workflow-collaboration/visual-editing

https://www.sanity.io/blog/visual-editing-sanity-vercel?utm_source=vercel.com&utm_medium=referral&utm_campaign=may-vercel-launch


Dynamic

やはりこれが目玉でしょうか。Next.js 13.4のリリースです。

Next.js 13.4

  • App Router (Stabel)
  • Turbopack (Beta)
  • Server Action (Alpha)

https://nextjs.org/blog/next-13-4


App Router (Stabel)

ついにApp Routerが安定版になりました!!と、言いつつまだしっかりキャッチアップできてないのでなにが嬉しいのかよく分かっていません。。ディレクトリベースのルーティング?データフェッチはサーバで実行されるのがデフォルトになるから云々。
ドキュメントにお任せします!

https://nextjs.org/docs/app/building-your-application/routing


Turbopack (Beta)

Webpackの後継という位置付けみたいです。より軽量で高速になる!これはベータ版です。

https://nextjs.org/docs/architecture/turbopack

https://turbo.build/


Server Action (Alpha)

主にフォームと一緒に使うものみたいで、例えば入力フォームのボタンを押したらサーバで色々できるみたいです。

https://nextjs.org/docs/app/building-your-application/data-fetching/server-actions


Ecosystem

最後は認証周りの新機能やNuxt.jsのサポートについてですね。

  • Auth With Clerk
  • Nuxt on Vercel

https://vercel.com/blog/authentication-for-the-frontend-cloud

https://vercel.com/blog/nuxt-on-vercel


Auth With Clerk

認証機能を簡単に導入できるようになるみたいです。Clerkの提供。

https://vercel.com/blog/authentication-for-the-frontend-cloud

https://clerk.com/


Nuxt on Vercel

Nuxt.jsのサポート状況が一新されたようです。主にSGとISRの完全サポート、Vercel KVも使えるようになるみたいです。

https://vercel.com/blog/nuxt-on-vercel#vercel-kv-integration-with-nitro-storage

https://vercel.com/docs/frameworks/nuxt


おわりに

拙いまとめを最後までご覧いただき、ありがとうございました。
発表されたものについてはこれから深掘りしていこうと思います。それにしてもどんどんフルスタックになっていきますね!これからもどの様に変化していくのかが楽しみです。

Discussion