初めてVercelを使ってbuildしました。

Vercelを選んだ理由

今回、静的サイトのホスティングにVercelを初めて利用しました。いくつかの選択肢がありましたが、Vercelを選んだ理由は、以下の点が魅力的だったからです。

  • 簡単なデプロイ:GitHubと連携するだけで、コードをpushすると自動的にデプロイされます。
  • パフォーマンスの向上:Vercelはグローバルに分散されたCDNを活用しているため、読み込み速度が速く、ユーザー体験が向上します。
  • 無料プランの充実:Vercelの無料プランでも、個人のプロジェクトには十分な機能が備わっています。

Vercelでの初デプロイ手順

初めてのデプロイは想像していたよりも簡単で、以下の手順を踏むだけでした。

  1. Vercelのアカウント作成
    Vercelの公式サイトにアクセスし、無料のアカウントを作成しました。
  2. GitHubリポジトリの連携
    GitHubで管理しているリポジトリをVercelに接続しました。VercelはGitHubとシームレスに連携し、pushするだけで自動でbuildとデプロイを行ってくれます。
  3. ビルド設定の確認
    Vercel側で自動的にbuildコマンドや出力ディレクトリが設定されますが、必要に応じてカスタマイズも可能です。今回はデフォルト設定のままで問題ありませんでした。
  4. デプロイの実行
    設定が完了したら、Vercelのインターフェース上で「Deploy」をクリックするだけでデプロイが完了しました。

実際に使ってみた感想

Vercelの使い勝手にとても満足しています。特に以下の点が便利だと感じました。

  • プレビューURLの生成:コードをpushすると自動でプレビュー用のURLが生成されるため、チームメンバーやクライアントと簡単に共有ができます。
  • リソースの最適化:画像やアセットが自動的に最適化され、ページの読み込み速度が向上しました。

今後の活用予定

今回は静的サイトのホスティングのみでしたが、VercelはAPIの利用やサーバーレス機能も充実しているため、今後はさらに高度なWebアプリケーションのホスティングにも挑戦してみたいと思います。

まとめ

Vercelを使っての初デプロイは非常にスムーズで、時間も短縮されました。初心者にも使いやすいホスティングプラットフォームで、これからも活用していきたいと思います。Vercelを試してみたい方は、ぜひ一度使ってみてください!