Next.js

vercelを使用してNext.jsをデプロイしました

前回の記事でNext.jsをセットアップして、ローカル環境で起動しました。 今回は、Vercelを使用してデプロイを行なっていきます。 https://www.youtube.com/watch?v=15WLMqnkPsE しまぶーさんが出してくれていた動画を参考にします。 デプロイするサイト ローカル環境で作成した、Next.jsのセットアップ画面をデプロイしていきます。 localhost:3000 Vercelのアカウントを作成する 公式サイトの「Sign Up 画面」から、GitHubと連携してアカウント作成ができました。 GitHubのリポジトリを作成する ローカルで作成していた「my-react」というフォルダを、GitHubのリポジトリと…

• GitHub
• Next.js
• デプロイ

Next.jsのセットアップを行いました

テスト環境を起動して、http://localhost:3000をcommandを押しながらクリックすると、Welcome to Next.js！という最初の画面に到達することができました。 Welcome画面が表示されるまで node.jsのバージョン確認を行い、yarn create next-appをコマンドで打ち込むとmy-reactという名前でプロジェクトが作成されました。 yarn devを入力すると、url: http://localhost:3000が表示されました。 node.jsのバージョン確認 しまぶーさんの動画と自分がこれからNext.jsを学んでいく理由 https://www.youtube.com/watch?v=15WL…

• Next.js
• React
• ライブラリ管理
• 開発環境構築

Next.jsで学ぶReact講座 #1 Next.jsで重要な部分

しまぶーさんが、以下のような動画を出してくれていました。 今後WEBエンジニアとして活躍していくのに、Next.jsを学んでおいておいた方がいいと思うので、まずは、この動画に沿って学んでいきます。 Next.jsで重要な部分 太字の部分は、最初のうちから特に重要な部分です。 Zero Config Hybrid: SSG and SSR, Incremental Static Regeneration TypeScript Support File-system Routing API Routes Built-in CSS Support Zero Config https://nextjs.org/ 素のReactだと自分で設定ファイルをいじらなけ…

• Next.js
• React