Engineer
React
Vue
Serverless Framework
Git
Feelcycle
Engineer
React
Vue
Serverless Framework
Git
Feelcycle
BB2
BB3
BSW
BSB
BSL
Hous
Rock
Home
Engineer
Next.js
Next.jsでOneSignalを使ってWebプッシュ通知を行う
2024.04.24
Next.jsのプロジェクトにOneSignalというサービスを用いて、Webプッシュ通知を行えるようにしていきます。OneSignalは無料で始められるので気軽に導入出来ます、更にライブラリも用意されているので実装もかなり簡単に出来ます!
Next.jsにPWAを構築する
2024.04.08
next-pwaというパッケージを利用して、Next.jsのアプリケーションをPWA化する方法をご紹介します
Next.jsのプロジェクトを始める時にやっていること
2024.03.20
Next.jsのプロジェクトを始める時にテンプレート的に行っていることを自分の備考欄も兼ねてまとめてみました
Next.js13でBasic認証を導入(App Router対応)
2023.10.09
Next.js ver13系でmiddlewareを用いてBasic認証を実装する方法をご紹介します。Vercelで環境毎にBasic認証の設定を変更する方法も合わせて記載します
Next.js(App Router利用)でtRPCを動かす
2023.07.31
フロント/バックエンド側もNext.jsを用いつつtRPCを導入する方法をご紹介します!またNext.js 13.4 より安定版が使えるようになったApp Routerを用いて実装していきます。
Next.js(App Router利用)でApollo Serverを動かす
2023.05.20
Next.js v13.4.0 からApp Routerが安定版となりました!元々 pages/api にAPIを生やす機能を使ってApollo Serverを動かす事が出来ましたが、App Routerになってapiの作り方も変わりました。この記事ではApp Routerを用いたNext.jsでApollo Serverを動かす方法をご紹介します!
Next.jsとRecoilを組み合わせた時の Duplicate atom key を表示させなくする
2022.09.07
Next.jsでRecoilを使って開発をしているとDuplicate atom key "xxx"というメッセージが表示される事があります。特に問題が起きる・影響があるわけではないですが、なんとなく気になりますよね。このメッセージを表示させなくする解決方法を見つけたため記載します。
【Middleware使用】Next.js12でBasic認証を導入(ローカル,vercel 両対応)
2022.02.24
Next.js ver.12からMiddlewareが導入されました。これによりライブラリを使わず簡単にBasic認証を設定することが出来るようになりました
Next.jsでBASIC認証を導入する(ローカル,vercel 両対応)
2021.07.10
Next.jsでBASIC認証(ベーシック認証)を導入する方法をご紹介します。最終的にローカルではBASIC認証がかからないけど、VercelではBASIC認証がかかるようにします。
Storybook導入時にPostCSSでエラー
2021.06.24
Tailwind CSSを使っているNext.jsのプロジェクトで、Storybookを導入しようとしたところエラーが起きました。解決方法を記載します
1
2
>