#author("2023-03-13T09:01:15+00:00","default:admin","admin")
#author("2023-03-13T10:45:53+00:00","default:admin","admin")
-[[ReactのフレームワークとしてNext.jsを採用した3つの理由:https://tech.playground.style/javascript/nextjs/]]
-[[なぜNext.jsを採用するのか?:https://mottox2.com/posts/429]]


-[[Next.jsでリダイレクトを行う方法をまとめてみた:https://zenn.dev/uttk/articles/4649e49f1e6628]]
-[[Next.jsとmicroCMSでカップラーメン食べた回数カウンターを作る:https://zenn.dev/hisasann/articles/a957006ba6ffb6]]
-[[Next.js で Node.js の API がいつ入ったのかわかる表を作る:https://zenn.dev/sosukesuzuki/articles/f00bc24600f2d8]]
-[[【Node.js/Next.js】Cloud Runで動作する軽量なDockerを構築してみた:https://zenn.dev/kazumax4395/articles/427cc791f6145b]]

-[[Next.js週次調査報告 Next.jsとは, SG, SSR, erc…:https://engineer.blog.lancers.jp/%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%82%A8%E3%83%B3%E3%83%89/next-js%E9%80%B1%E6%AC%A1%E8%AA%BF%E6%9F%BB%E5%A0%B1%E5%91%8A-next-js%E3%81%A8%E3%81%AF-sg-ssr-erc-%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%82%A8%E3%83%B3%E3%83%89%E5%AE%9A%E4%BE%8B-2023-2-17/]]

-[[【2023年】Next.jsとNuxt.jsの違いを比較(将来性と求人は?):https://tech-parrot.com/programming/compare-the-future-of-next-js-and-nuxt-js/]]

*概要 [#o61b6928]
**特徴 [#e0f27726]
-SSR
-webpackやbabelといったフロントエンドのビルド環境をフレームワーク側で内包
-ファイルシステムを利用した手軽なルーティング機能
-TypeScriptのビルトインサポート
-CSS Modulesや数々のCSS in JSのビルトインサポート
-数々のパフォーマンス最適化

*採用事例 [#pf039941]
-[[Next.js + NestJS + GraphQLで変化に追従するフロントエンドへ 〜 ショッピングクーポンの事例紹介:https://techblog.yahoo.co.jp/entry/2020121530052952/]]


*Next.js 13 [#q2f81375]
-[[Next.js 13登場、動的なWebサイトの実現を強化。複数ページでの動的データの共有や、ステートを維持した共通ナビゲーションの構築など容易に。Next.js Conf 2022:https://www.publickey1.jp/blog/22/_nextjs_13webnextjs_conf_2022.html]]
-[[Next.js 13 を試してみた:https://dev.classmethod.jp/articles/next-js-13-sample/]]

**appディレクトリ [#l23a85ce]
-[[appディレクトリ:https://chot-inc.com/service/jamstack/app-directory]]
-[[Next.js 13のappディレクトリの基礎(Layout, Suspense, Data Fetching…):https://reffect.co.jp/react/next-js-13-app]]
-[[バックエンドエンジニアがNext.jsのApp Directoryに夢を見る:https://blog.p1ass.com/posts/next-app-directory/]]
-[[【Next.js 13】開発中の個人ブログを app ディレクトリに移行した話:https://qiita.com/ten986/items/484176df5d1f5b757284]]
-[[Next.js 13のappディレクトリを用いたアプリケーションのサンプル実装:https://zenn.dev/akira_miyake/articles/a9f7b34bf6a79a]]
-[[Next.js 13新機能のApp DirectoryとSupabaseでブログ構築:https://www.youtube.com/watch?v=nQ7lKzI6RlE]]
-[[Next.jsのAppディレクトリで複数のTailwind Configを使い分ける:https://zenn.dev/052hide/articles/tailwind-multiple-config-nextjs]]

-[[Full Stack Web App with Next.js 13 and the app Directory:https://levelup.gitconnected.com/full-stack-web-app-with-next-js-13-and-the-app-directory-2cd06c7e37f0]]

-[[Next.js 13 app directory による次世代Web開発 - Udemy:https://www.udemy.com/course/nextjs-supabase-app-directory/]]

*入門 [#f720651a]
-[[[Next.js] 始まる:https://dev-yakuza.posstree.com/react/nextjs/start/]]
-[[今すぐにNext.jsでフロントエンド開発 or Web制作を快適に始めたい方におすすめの簡単セットアップを紹介する:https://zenn.dev/toono_f/articles/1774dc83548079]]

*tRPC [#jff902b6]
-[[Usage with Next.js:https://trpc.io/docs/nextjs]]

*[[NextAuth:https://next-auth.js.org/]] [#t2be13e4]
-[[NextAuth.jsについて調べたので使い方まとめとく:https://zenn.dev/nrikiji/articles/d37393da5ae9bc]]
-[[NextAuth.jsでログイン機能を実装してみた話:https://engineering.nifty.co.jp/blog/9817]]
-[[NextAuthを完全に理解する #1:https://qiita.com/kage1020/items/bdefabcd09d86e78d474]]
-[[NextAuthを完全に理解する #2:https://qiita.com/kage1020/items/e5b0053d7046a9b1f628]]


トップ   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS