clip'n

[Searched Clips]

App Router入門 Next.js App Router@Recruit bootcamp2024 - Speaker D 2024/08/11 10:51:59 by guest; [edit]
https://speakerdeck.com/recruitengineers/app-routerru-men-next-dot-js-app-router-at-recruit-bootcamp2024
[nextjs reactjs javascript study ] App Router入門 Next.js App Router@Recruit bootcamp2024 2024年度リクルートエンジニアコース新人研修の講義資料です

Next.js 研修 2024 - Speaker Deck 2024/08/11 10:51:17 by guest; [edit]
https://speakerdeck.com/recruitengineers/next-dot-js-yan-xiu-2024
[reactjs nextjs javascript study ] Next.js 研修 2024 2024年度リクルートエンジニアコース新人研修の講義資料です

SQLite Litestream CloudRun で「個人開発並みの予算でもSQLを捨てない」バックエンド構築（Ne 2024/01/16 17:59:02 by guest; [edit]
https://qiita.com/faable01/items/ac7418d671c6db5b966f
[database nextjs ] NoSQLのノウハウはちょっと一癖あるから、できることなら通常のRDBMSのようにSQLを使いたい... って人が結構いるんじゃないかなと思っていて、この記事はそういった人たちに、SQLを使える低予算DBの選択肢として、SQLite + Litestream + Google Cloud Run を紹介することを目的としているよ。

Next.js App Router での MPA フロントエンド刷新 - Speaker Deck 2023/11/20 21:29:49 by guest; [edit]
https://speakerdeck.com/mugi_uno/next-dot-js-app-router-deno-mpa-hurontoendoshua-xin
[javascript nextjs ] Next.js App Router での MPA フロントエンド刷新

RailsアプリのフロントエンドをじわじわとNext.jsにリプレースした話と、その振り返り - High Link テックブロ 2023/04/04 07:39:08 by guest; [edit]
https://tech.high-link.co.jp/entry/Rails-application-replace-Next.js
[nextjs rails ] ハイリンクでは「カラリア香りの定期便」などのサービスを開発しています。「カラリア香りの定期便」は2021年まで、フレームワークとしてはRuby on Rails (以下Rails)単体で書かれていましたが、デザインリニューアルと合わせて2021年前半から1年間強の時間をかけてフロントエンドをNext.jsにリプレースしました

ChatGPT APIとNext.jsでお手軽チャットアプリ作成 2023/03/23 21:58:48 by guest; [edit]
https://zenn.dev/rorisutarou/articles/6f21450ea34cc3
[chatgpt javascript nextjs ] ChatGPT API とのやり取り大本命の ChatGPT API を使ったメッセージの取得と送信の処理を書いていきます。まず、app ディレクトリと同階層にpages/api/messages/index.tsを作成し、中身を以下のようにします。

Next.js で PlanetScale を使ってみた | DevelopersIO 2022/09/29 21:07:58 by guest; [edit]
https://dev.classmethod.jp/articles/nextjs-planetscale-tutorial/
[database nextjs ] ただし、 PlanetScale では外部キー制約をサポートしません Prisma で PlanetScale を使用する際は、referentialIntegrity を “prisma” にし外部キー制約を使用しないようにします

より速い WEB を目指す Next.js / nextjs-make-the-web-faster - Speaker Dec 2021/11/25 20:58:25 by guest; [edit]
https://speakerdeck.com/takefumiyoshii/nextjs-make-the-web-faster?slide=24
[react nextjs ] より速い WEB を目指す Next.js / nextjs-make-the-web-faster

Next.js microCMS Vercel面白い - ゆーすけべー日記 2021/09/17 18:50:27 by guest; [edit]
https://yusukebe.com/posts/2021/nextjs-microcms-vercel/
[javascript nextjs ] Next.js と microCMS と Vercel が面白い。それぞれ面白いし、組み合わせるとさらに面白い。なにせ、メディアサイトがデプロイも含めて 2 時間で出来る。

【Next.js 11】next/script には JavaScript の基本がつまっていた 2021/06/21 14:32:24 by guest; [edit]
https://zenn.dev/aiji42/articles/9a6ab12ab5f6e6
[javascript nextjs ] 一見、普通のスクリプトタグのよう見も見えますが、strategy という props が出現しています。取りうる値は下記の3つで、それぞれの意味を公式のブログから日本語訳して引用させていただきます。Script Optimization

Link と ISR が引き起こす Next.js の過負荷 2021/05/12 07:30:42 by guest; [edit]
https://zenn.dev/takepepe/articles/nextjs-isr-prefetch
[nextjs ] 正解は「このページを毎秒リロードすると、毎秒 30 ページ分の静的再生成を試行する」です。これでは Vercel の料金が高くなっても仕方がありませんね。（一般的な感覚と比べ、30 倍 API が呼ばれているのですから）

Next.jsのISRで動的コンテンツをキャッシュするときの戦略 2021/03/17 23:18:18 by guest; [edit]
https://zenn.dev/catnose99/articles/8bed46fb271e44
[javascript nextjs ] そこでZennでは著者本人の場合のみ最新のデータをリクエストするようにしています。具体的には以下のような実装をしています（わかりやすさのために一部を抜粋）。

Zennで発生した障害の原因と行なった対策のまとめ 2021/02/25 18:33:56 by guest; [edit]
https://zenn.dev/catnose99/articles/b1735af8aa0b02
[web nextjs ] VercelのPayload制限を超えてしまうコンテンツについて、著者の方にお願いをして一時的に投稿を非公開にさせていただきました。申し訳ない気持ちでいっぱいでしたが、快く了承いただき、落ち着いて障害への対応ができました。改めてありがとうございました。

Next.js の API Routes に Apollo Server を立てる 2021/01/29 14:13:12 by guest; [edit]
https://zenn.dev/ryo_kawamata/articles/how-to-create-apollo-server-on-nextjs-api-routes
[react nextjs graphql ] Article という記事の型と、その Article を単一取得する getArticle、複数取得する getArticles というクエリーを定義しています。

そうです。わたしがReactをシンプルにするSWRです。 2021/01/27 17:48:40 by guest; [edit]
https://zenn.dev/uttk/articles/b3bcbedbc1fd00
[react nextjs ] SWRは、Next.jsを作っているVercel社が開発しているデータフェッチのためのReact Hooksライブラリです。"SWR"と言う名前は、stale-while-revalidateの頭文字をとって名付けられています。そのため、SWRはstale-while-revalidateに基づいた処理と設計になっています。

Next.jsに「できるだけ」依存しないReactアプリケーションの構成 2021/01/17 16:45:34 by guest; [edit]
https://zenn.dev/panda_program/articles/nextjs-architecture
[react nextjs ] 本文で紹介した構成は、オニオンアーキテクチャを念頭に置いて、Redux の Container/Presentation の考え方を拡張したものです。 Next.js というフレームワークを外部モジュールとして扱いたかったのですが、記事内で見てきたように依存を完全には制御できませんでした。それでも、Next.js への依存層、Pages 層、Template 層とレイヤーを分けることで、無闇

Next.js Prisma NextAuth.js React Query で作るフルスタックアプリケーションの新 2020/12/24 19:02:57 by guest; [edit]
https://yuyao.me/posts/next-prisma-auth-tutorial
[nextjs ] 最近は Next.js アプリを見ることが多くなってきました。もはや JAM スタックの王道、と言っても過言ではないかもしれません。ですが、やっぱりフルスタックとなると、データベースや認証などが必要になってきて、その辺のやり方がいまいちよくわからない、という人も多いのではないでしょうか。

Next.jsを使うべき5つの理由 + 実装Tips - Qiita 2020/12/19 08:47:20 by guest; [edit]
https://qiita.com/Yuki_Oshima/items/5c0dfd8f7af8fb76af8f
[javascript nextjs ] next exportで各ページのhtmlファイルが生成され、webサーバにはそれらを返してもらいたいです。ここで/hogeというURLでのリクエスト時に/hoge.htmlを返すよう設定しています。こうしないとトップページ以外に直接アクセスした際に正しくページを読み込めません。

Next.js の Static HTML Export 機能などを学べる Next.js Learn (Excel) を試した 2020/12/16 21:54:00 by guest; [edit]
https://kakakakakku.hatenablog.com/entry/2020/03/31/101510
[nextjs jamstack react study ] 今回はその続きと言える Next.js Learn (Excel) を試して学んだことをまとめる．Basic と比較すると，一歩踏み込んだレベルだと思う．だからこそ Next.js Learn (Basic) とセットで終わらせておくと学習効率が1番高そう．僕自身，Excel を試すまでに少し間を空けてしまったことを後悔している．

2021年は Fullstack Next.js 元年なので、有望な Next.js 系フレームワークを全部試した 2020/12/06 00:33:53 by guest; [edit]
https://zenn.dev/mizchi/articles/b53f539ade1f42
[web javascript nextjs ] 2021年は Fullstack Next.js 元年になる。その理由として自分は以下のものがあると思っている。ベストプラクティスとしての TypeScript のデファクト化 Next.js の Dynamic Routes による動的パス

Next.js 4年目の知見：SSRはもう古い、VercelにAPIサーバを置くな - Qiita 2020/11/05 21:00:42 by guest; [edit]
https://qiita.com/jagaapple/items/faf125e28f8c2860269c
[javascript nextjs react ] 2019年の後半から、日本でも業務へNext.jsを導入する話を多々聞くようになりましたが、利用経験はなくとも存在自体を数年前から知っている人も多いのではないでしょうか。数年前にNext.jsを触った人の多くは「SSR（Server-side Rendering）くらいしか特徴がないよね」「とても薄いフレームワークだよね」と思った人も多いことでしょう。しかし、今のNext.jsはあなたが予想してい