Vercelの基本的な使い方まとめ
Vercelとは Vercel は、簡単さが売りのシンプルなPaaSです。 以前は ZEIT now というサービス名でしたが、2019/04/21に社名がVercelに変わり、これにあわせてサービス名も Vercel になったようです。 ちなみに、Vercel社（旧ZEIT社）は Next.js の開発元としても知られており、$21Mの資金調達に成功しているイケイケスタートアップです。 Vercelは静的サイトやSPAのホスティングももちろんできますが、サーバーレス関数やWebアプリを無料で簡単にホストできるので、趣味プロダクトのサーバー代わりに使われているのをよく見かけます。 使ってみる 簡単なNode.jsのアプリをVercelでホストしてみましょう。 やり方は こちらの公式ドキュメント のとおりです。 例えば /api/foo.js というファイルを置いておくと、Vercelが自動
Vercel の定期デプロイを GitHub Actions で実現する
はじめに 最近 catnose99 さんの チーム個々人のテックブログを RSS で集約するサイトを作った（Next.js） を利用させていただく形で 会社のテックブログ を構築しました。 Team Blog Hub が Next.js で開発されているので、デプロイ先は Vercel に決めました。その際に記事を自動的に更新するために、GitHub Actions で定期的にビルドを回すようにしました。また、独自ドメインの設定も行いました。 本記事では、Vercel プロジェクトを GitHub Actions でビルドしてデプロイするための手順についてまとめていきます。またおまけとして、Vercel での独自ドメインの設定方法、及び弊社の Team Blog Hub の運用方針についても書いていきます。 なお、記事は下記の前提で書いておりますのでご注意くださいませ。 Vercel でサ
Vercelでmonorepo構成で管理しているサイトをホスティングしてみる | DevelopersIO
どうも！大阪オフィスの西村祐二です。 Vercelは一つのレポジトリで複数のサイトを管理するようなmonorepo構成のレポジトリにも対応していたので試してみました。 画像はhttps://vercel.com/blog/monoreposより引用 プランごとに一つのレポジトリに紐付けられるプロジェクト数が決まっているのでご注意ください。 Hobbyプラン（無料プラン）では一つのレポジトリに紐付けられるプロジェクト数が3つまでとなっています。(2020/12/28現在) 詳細はこちらをご確認ください。 やってみる 環境 Node.js: v12.18.0 Mac: 10.15.7 monorepo構成のレポジトリを作成する 適当にmonorepo構成を作ります。 Next.jsのサンプルを3つ作成します。 $ npx create-next-app nextjs-blog1 --examp
Next.jsアプリをVercelからGoogle Cloudに移行した話
ZennではフロントエンドにNext.jsを使っています。もともとはVercelで動かしていたのですが、2021年3月にGoogle Cloudに移行しました。今回は移行を決めた理由や、具体的な構成、移行作業などについて書きたいと思います。 なぜ移行したのか Next.jsのデプロイ先としてVercelは圧倒的に優れています。ISRやImage OptimizationといったNext.jsの強力な機能をサーバー側の追加設定なしで使用できますし、CDNでの静的ファイルのキャッシュなども特に意識しなくてもいい感じにやってくれます。 Vercel以外にデプロイするとなると、Next.jsの一部の機能がうまく動かなかったり、パフォーマンス・チューニングを自分で頑張る必要があったりと自分で面倒を見なければならない部分が多くなります。 しかし、Zennのケースでは以下のような理由からVercelから
VercelでホスティングしているサイトにRoute53で取得したドメインをサブドメインとして設定する | DevelopersIO
どうも！大阪オフィスの西村祐二です。 Vercelは無料の個人アカウント（Hobbyプラン）でもかなりいろいろできます。複数のアプリケーションもホスティングすることができます。詳細は公式サイトをご確認ください。 Next.jsやGatsby.jsなどで作成したサイトをホスティングさせるとき、サブドメインを設定したいなと思うことがあります。 （個人的にドメインを設定するとなんだかモチベーションがあがります。） やりたいことのイメージとしては下記になります。 Route53で取得しているドメインがあるのでそれを利用してVercelでホスティングしているアプリケーションにサブドメインを設定する手順を備忘録を兼ねてまとめたいと思います。 やってみる 前提 Route53でドメインを取得済である 今回、ynishimura0922.comというドメインを利用しています。 ドメイン取得の流れは下記ブロ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Next.js+microCMS+Vercel面白い - ゆーすけべー日記
Loading...
