「Next.js」の記事一覧（2ページ目）
【React】状態管理ライブラリ「Recoil」の使い方まとめ
今回は、Reactの状態管理ライブラリ「Recoil」の使い方を簡単にまとめたメモです。
Next.jsでの使い方やTypeScrpitの型宣言の方法などもわからなかったので調べた内容をメモし...
2023/2/3
2023/2/3
【Next.js】WEBフォントを使う方法まとめ｜Google Fonts
最近Next.jsでWEBフォントを使いたい場面があり、Google Fontsを読み込んで表示する実装をしました。
今回は、そのNext.jsでGoogle Fontsにあるフォントを利用す...
2023/1/29
2023/1/29
【Next.js】Googleアカウントでのログイン機能を実装する方法
目次1. パッケージをインストールする2. Google Cloud Platformの設定をする3. 環境変数にキーを設定する4. pages/api/auth/[…nextauth].tsを作成...
2023/1/21
2023/3/1
【Next.js】Font Awesomeを導入する。
Next.jsでアイコンを使いたくなった時に「Font Awesome」をよく利用することがあります。
毎回やり方を忘れて調べてしまうので、今回はFont AwesomeのReactコンポーネ...
2023/1/11
2023/9/8
【Next.js+Vercel】OGP画像を動的生成したい。
Next.jsで作ったこのブログ（CraftTime）のOGP画像を作成したい。
本ブログはデプロイ先が「Vercel」なので、@vercel/ogというライブラリを使ってOGP画像の動的生成...
2023/1/9
2023/1/9
【Next.js】WordPressをヘッドレスCMS化してブログを公開する
WordPressのブログをNext.jsで公開したかったので、WordPressをヘッドレスCMS化しました。
今回はその作業工程を簡単にまとめた内容です。
記事データ管理や管理画面は...
2022/12/28
2022/12/28
【Next.js】Prism.jsでコードブロックをハイライト表示する
Prism.jsを使って、Next.jsのページ内にあるコードブロックをハイライト表示する方法をまとめていきます。
目次Prism.jsのライブラリをインストールする.babelrc.jsを作...
2022/12/23
2022/12/23
【Next.js】簡単なブログサイトを作る（JavaScript編）
Next.jsでWEBサイトを作成するまでの一連の流れをメモしていきます。
今回はJavaScriptを使った簡単なブログ作成をしています。
また基本的にコマンドやコードの全体像把握を目...
2022/12/20
2023/1/20
【Next.js】faviconを本番環境と開発環境で出し分ける。
目次やりたいこと⑴ faviconを準備する⑵ faviconの表示設定をする⑶ 本番環境か開発環境か区別する環境変数を設定する環境変数によってfaviconのファイルを出し分ける完成
やりたいこと...
2022/6/25
2022/7/3
【NextAuth.js】ソーシャルログインの実装。
GoogleやTwitter、FacebookなどのSNSアカウントを使ってログインできる「ソーシャルログイン」の実装方法をまとめていきたいと思います。
目次1. 使用するパッケージをインスト...
2022/6/21
2023/1/21