-
Clipboard APIを使用して、リッチテキストコピーを実装する方法
リッチテキストをコピーできるボタン作ってって言われたけど、そんなん実装してるの見たこと無い。できないでしょ。。 しんぺー ぼくも出来ないだろうな〜と思いながら調べたらできるみたいです。あまりサンプルや記事も少く実装するの […] -
OpenAIとNext.jsでAIチャットボットを30分で作る方法
ChatGPTのAPIで何ができるの？ しんぺー AIボットが作れそうですね。自社製品を学習させたり、QAに答えるボットとか。まずは、最もシンプルな形でAPIを利用してみましょう。 完成形のイメージ 公開している環境では […] -
Next.js × Notionを活用したブログ構築のステップバイステップガイド
しんぺー Next.js、Notionを使ってブログを構築して行きたいと思います。上から順番にやっていけば30分程度で手軽に構築できます。 興味はあるけど自分で開発するのが億劫だった方、どうぞ。 完成形のイメージ 見た目 […] -
Next.jsでTailwind CSSをインストールする方法
npm npm install -D tailwindcss postcss autoprefixer npx tailwindcss init -p tailwind.config.js /** @type {impo […] -
NotionAPI×Next.jsで、画像を表示する方法。useSWRを使用して画像のURLのみページ表示時にレンダリングする
NotionAPIで画像を取得すると、1時間で期限切れになるURLの問題に直面することになります。みなさん様々な工夫をされていますが、useSWRを使用してこの問題を回避しました。 useSWRはデータのフェッチとキャッ […] -
Next.jsとmicroCMSでサイト構築①｜API連携
Next.jsでmicroCMS API連携する方法を解説します。環境構築やアプリケーション立ち上げについて知りたい方は、こちらの記事を参照ください。 microCMS APIを呼び出す為に、公式クライアントライブラリを […] -
【ステップ：0ゼロ】Next.jsのはじめかた｜誰も教えてくれない、アプリ構築前の準備
環境構築という最初の壁が高いと感じた頃の自分へ Next.js始めたくて、公式ドキュメントや書籍の最初のステップやったけど、エラーでた。やめよかな。 しんぺーそもそも環境構築が必要なのに、その説明がないこと多いですよね。 […] -
SG(静的生成)とSSR(サーバーサイドレンダリング)｜Next.js 2つのプリレンダリング
SG(静的生成)とSSR(サーバーサイドレンダリング)についてざっくり解説します。この解説を読んだあとにNext.jsの公式ドキュメントを参照するとすんなり理解できるかもしれません。 SGとかSSRとか流行っているらしい […]
