【Next.js Appフォルダ】 動的ページのURL生成・登録のために使われていた「getStaticPaths()」は「generateStaticParams()」に変更されました。 #nextjs #プログラミング学習 pic.twitter.com/2CxFFH47Zp

【Next.js Appフォルダ】 layout.jsという名前のファイルを作ると、そのフォルダ内のすべてのフォルダとファイルに適用されるので、広範囲に適用したいスタイルや設定を書くのに便利です。 下記画像のようにlayout.jsを作ると、配下のsummer、winterにも適用されます。 #nextjs #プログラミング学習 pic.twitter.com/LHHXfdClWa

【Next.js Appフォルダ】 バックエンドでURLのパラメータを取得したい場合、context.params.idを使って次のようにしましょう（なおcontextはカッコ内の2つ目の値として書く必要があるので、ここではrequestも追記） #nextjs #プログラミング学習 pic.twitter.com/MhI5sy7cW5

今日の積み上げ🌱 #デザトレー独学コース figmaで作ってみようの答え合わせ❣️ わかんなかっだ所動画見てスッキリ！ #GraphQL #nextjs youtube.com/watch?v=u8vD2N…とqiita.com/kobyta/items/d… みながらApollo使って作ってみた⭐︎ REST APIよりも、断然効率いい 明日はUrqlでさわろう💪🏽

今日もNext.js(ts)構築しました。 バリデーション入れるの結構手間かかる印象 react hook formとMUIを統合してバリデーション入れる方法がドキュメントだとわかりづらい バリデーションのみyup使うほうがよさそう Vuetifyだとこの辺も全部に組み込まれてるんだけどなぁ #今日の積み上げ #Nextjs pic.twitter.com/aHgYu7Jfs4

【Next.js Appフォルダ】 API開発時、リクエストに含まれるデータ（Body）はrequest.json()を使って確認しましょう。 #nextjs #プログラミング学習 pic.twitter.com/7jA2Z3apzU

【Next.js Appフォルダ】 APIルートでPOST／PUT／DELETE等のメソッド指定は、次のように明示して行いましょう。 #nextjs #プログラミング学習 pic.twitter.com/EWTbGhJwJx

【Next.js Appフォルダ】 AppフォルダでAPI開発をするときのコードは次のようになります。下記は、GETリクエストを行うもっともベーシックなコードです。 #nextjs #プログラミング学習 pic.twitter.com/sPLWXYXFMl

【Next.js Appフォルダ】 フロントエンドで、別ページにリダイレクトを設定したい場合、next/navigationを使って次のように書きましょう。 #nextjs #プログラミング学習 pic.twitter.com/DYw5ZtN2c5

WebサイトをNextJS14にアップデートとGodot 4でHTMLにエクスポートしたものを遊べるようにしてみました。PCのみ遊べる。。 yosapps.com/games/godot-de… #nextjs #aws #GodotEngine #Godot #html #gamedev #indiegame pic.twitter.com/ZfxI1idYFL

【Next.js Appフォルダ】 フロントエンド側でページのURLパスを取得したい場合、next/navigationを使って次のように書きましょう。 #nextjs #プログラミング学習 pic.twitter.com/HYyFE4Samz

【Next.js Appフォルダ】 Appフォルダ内のReactサーバーコンポーネントでuseStateやuseEffectなどを使いたい場合には、ファイル冒頭に"use client"と書き、コンポーネントを従来の「クライアントコンポーネント」へと変更しましょう。 #nextjs #プログラミング学習 pic.twitter.com/j75OiCbadt

【Next.js Appフォルダ】 Appフォルダ内ではReactサーバーコンポネントがデフォルトです。従来のReactコンポーネント（クライアントコンポーネント）との違いは下記のようになっています。 #nextjs #プログラミング学習 pic.twitter.com/6IRGyrQ3eo

【Next.js Appフォルダ】 API開発を行うapiフォルダ内でも、フロントエンド側と同じように、フォルダの名前がURLに使われるという規則は同じです。 ここではフォルダ内に作ったroute.jsにコードを書きます。 #nextjs #プログラミング学習 pic.twitter.com/xm2k3iCX0U

Reactで動的にスタイリングしたかったのでこの動画見た！ clsx(or classnames)とtwmergeを使う方法 #駆け出しエンジニアと繋がりたい #プログラミング #デイトラ #今日の積み上げ What's cn() in React? Simplify Your Styling! #tailwindcss #reactjs #nextjs youtu.be/EKDIg8TJyDM?si… via @YouTube

【カウントアップアプリ進化】 自作カウントアップアプリにて、データをsupabaseに保存することで、ページ読み込みで毎回リセットされなくなりました😂🙌 デザインの変更もできました〜！ イケてる感じでは無いと思いますが😳 #プログラミング学習 #supabase #vercel #nextjs pic.twitter.com/eNhaPG16nO

反映できてると嬉しい ぼちぼちPC表示の際のデザインも修正しないとな #個人開発 #reactjs #nextjs #typescript #駆け出しエンジニアと繋がりたい #駆け出しエンジニア #Webデザイナー #Web制作 pic.twitter.com/gjKIYNVx2y

タスクアプリできたー🙌 #駆け出しエンジニアと繋がりたい #typescript #reactjs #Nextjs #プログラミング学習 pic.twitter.com/cblDSP2l2D

今日はNext.jsでキーマスタンドの予約管理システムを作ったよ @KeemaStand #KumaMCN #毎週ハッカソン #NextJS #TypeScript #TailwindCSS pic.twitter.com/AH6jSksZ8b

おもれえええええ #React #Nextjs #駆け出しエンジニアと繋がりたい pic.twitter.com/PYiyrrmtW2

だいたいできた。 あとは画像差し替える🛠️ 久々にscss でかいた🫠 #jacascript #react #nextjs pic.twitter.com/o3nJ2UplpS

開発環境ではうまくfaviconを変更できたんだが本番に反映されて無い Next.jsはまだまだ把握しきれんわ homemade-apps.vercel.app #個人開発 #reactjs #nextjs #typescript #駆け出しエンジニアと繋がりたい #駆け出しエンジニア #Webデザイナー #Web制作 pic.twitter.com/c7zemGZFHX

TailwindCSSで見た目をいい感じにして js.langchain.com/docs/expressio… #Claude #Opus #NextJS #TypeScript #TailwindCSS #LangChain #OpenAI #ChatGPT pic.twitter.com/my9d6i4myb

【シンプルアプリ🔰】 ボタンを押すとカウントアップするシンプルすぎるアプリができました😂 DB接続もしていないためページ再表示でリセットされます😳 でも一応デプロイもしました😂 Vercerのおかげでデプロイがとても簡単なんですね😳 #プログラミング学習 #React #Nextjs #デプロイ pic.twitter.com/ug5dVcwkgF