#approuter search results

🛠️Next.js 15を“速く・壊れにくく” App Routerのベストプラクティス15項を1枚にまとめてみました! 設計の判断基準と数値目安つき 画像で要点を一気見👇 #Nextjs #AppRouter #React #ServerComponents #Webパフォーマンス #TypeScript #フロントエンド

sakaki_1223's tweet image. 🛠️Next.js 15を“速く・壊れにくく”

App Routerのベストプラクティス15項を1枚にまとめてみました!

設計の判断基準と数値目安つき
画像で要点を一気見👇

#Nextjs #AppRouter #React #ServerComponents #Webパフォーマンス #TypeScript #フロントエンド

2か月ぶりの個人開発。 ずっと裏側ばかり触ってたから、そろそろフロントでやるかね。 #Nextjs #TailwindCSS #AppRouter #Vercel #個人開発 #SaaS開発


Does anyone knows how to solve this? We're migrating from pages to app. In our current production app we have the following webpack config option: if (options.isServer) config.externals = ['react', ...config.externals]; #Nextjs #approuter @leeerob

freecates's tweet image. Does anyone knows how to solve this? 
We're migrating from pages to app. 
In our current production app we have the following webpack config option:
if (options.isServer) config.externals = ['react', ...config.externals];

#Nextjs #approuter @leeerob

pnpm×Next.js(AppRouter)やっと組めたw ・プロジェクトのルートディレクトリにpackage.jsonをコピーしないといけない ・yarnみたくpnpmはデフォルトで入っていないから、npm install -g pnpmコマンドが必要 という意味でDockerfileの書き方だいぶ変わってたw #nextjs #approuter

social_vertechX's tweet image. pnpm×Next.js(AppRouter)やっと組めたw
・プロジェクトのルートディレクトリにpackage.jsonをコピーしないといけない
・yarnみたくpnpmはデフォルトで入っていないから、npm install -g pnpmコマンドが必要
という意味でDockerfileの書き方だいぶ変わってたw

#nextjs #approuter

Using NextUI(library) Tabs in Next.js(App Router) you can change the pathname without full page refresh just by adding a simple function. Here's the code for this easy trick... #nextjs #approuter #next13 #reactjs #javascript

adityatyagiav's tweet image. Using NextUI(library) Tabs in Next.js(App Router) you can change the pathname without full page refresh just by adding a simple function.
Here's the code for this easy trick...

#nextjs #approuter #next13 #reactjs #javascript
adityatyagiav's tweet image. Using NextUI(library) Tabs in Next.js(App Router) you can change the pathname without full page refresh just by adding a simple function.
Here's the code for this easy trick...

#nextjs #approuter #next13 #reactjs #javascript

Speed up TTFB & LCP by streaming components with suspense + dynamic() in App Router. 💡 Use React Server Components + Suspense to stream content fast—Google loves it. #Nextjs #AppRouter #WebPerformance #React #CoreWebVitals #SEO #FrontendDev #DeveloperTips

nrachabathuni's tweet image. Speed up TTFB & LCP by streaming components with suspense + dynamic() in App Router.

💡 Use React Server Components + Suspense to stream content fast—Google loves it.

#Nextjs #AppRouter #WebPerformance #React #CoreWebVitals #SEO #FrontendDev #DeveloperTips

When you’re migrating @sanity_io from @nextjs page-router to app-router… this is a good error to run into 😁 #migration #nextjs #approuter #sanity

cdasmktcda's tweet image. When you’re migrating @sanity_io from @nextjs page-router to app-router… this is a good error to run into 😁 #migration #nextjs #approuter #sanity

Patched version of SAP Approuter available: approuter v6.8.2 Changelog: - Fix extension of resolveUaaConfig #SAPnpm #SAPNodePackages #approuter

HANA_XSA's tweet image. Patched version of SAP Approuter available: approuter v6.8.2
Changelog:
- Fix extension of resolveUaaConfig

#SAPnpm #SAPNodePackages #approuter

"All of the above leads us to the conclusion that Next.js is overly complex and complicated. When something goes wrong, there’s no way to work out why or how to fix it." -- The creator of BlitzJS ("The Missing Fullstack Toolkit for Next.js") 😳 flightcontrol.dev/blog/nextjs-ap… #approuter


New version of SAP Approuter available: approuter v6.8.0 Added features: - Enable external session manager extensibility when using HTML5 Repo - Business Services OAuth tokens - JWT exchanged and used to access re-use services bound to the approuter #SAPNodePackages #approuter

HANA_XSA's tweet image. New version of SAP Approuter available: approuter v6.8.0
Added features:
- Enable external session manager extensibility when using HTML5 Repo
- Business Services OAuth tokens - JWT exchanged and used to access re-use services bound to the approuter
#SAPNodePackages #approuter

Next.jsのApp Routerをフル活用して、リアルタイムSNSのUXを爆速化しました🔥 SSR × リアルタイム処理が気持ちいいコードを公開中です👇 github.com/TomohiroTani28… #Nextjs #リアルタイム #AppRouter


They say you can call getUser in layout but not to check the auth state. I am still trying to figure out the difference here. Is it applicable for the initial pass? Because anyways middleware is going to check auth. #nextjs #approuter #vercel nextjs.org/docs/app/build…

azashi95's tweet image. They say you can call getUser in layout but not to check the auth state. I am still trying to figure out the difference here. 
Is it applicable for the initial pass? Because anyways middleware is going to check auth.

#nextjs #approuter #vercel 
nextjs.org/docs/app/build…

Server components can be passed as props, not imported, into client components, no DOM events, no hooks, no state... Drilling it until I get it right 😆 #NextJS #AppRouter


🛠️Next.js 15を“速く・壊れにくく” App Routerのベストプラクティス15項を1枚にまとめてみました! 設計の判断基準と数値目安つき 画像で要点を一気見👇 #Nextjs #AppRouter #React #ServerComponents #Webパフォーマンス #TypeScript #フロントエンド

sakaki_1223's tweet image. 🛠️Next.js 15を“速く・壊れにくく”

App Routerのベストプラクティス15項を1枚にまとめてみました!

設計の判断基準と数値目安つき
画像で要点を一気見👇

#Nextjs #AppRouter #React #ServerComponents #Webパフォーマンス #TypeScript #フロントエンド

2か月ぶりの個人開発。 ずっと裏側ばかり触ってたから、そろそろフロントでやるかね。 #Nextjs #TailwindCSS #AppRouter #Vercel #個人開発 #SaaS開発


Folders like (auth) help organize routes but don’t show in the URL. Example: app/(auth)/signin/page.tsx ➝ /signin 🚫 (auth) is skipped in the route. #nextjs #routegroups #approuter #reactjs #webdev #frontend #javascript #devnotes #learnNextjs


Speed up TTFB & LCP by streaming components with suspense + dynamic() in App Router. 💡 Use React Server Components + Suspense to stream content fast—Google loves it. #Nextjs #AppRouter #WebPerformance #React #CoreWebVitals #SEO #FrontendDev #DeveloperTips

nrachabathuni's tweet image. Speed up TTFB & LCP by streaming components with suspense + dynamic() in App Router.

💡 Use React Server Components + Suspense to stream content fast—Google loves it.

#Nextjs #AppRouter #WebPerformance #React #CoreWebVitals #SEO #FrontendDev #DeveloperTips

🚀 Why it matters: • Your page stays consistent with server-side changes. • Fresh data streams immediately after your action completes—no manual router.refresh() needed. • Users get snappy UI updates without a full reload. #NextJS #AppRouter #ServerActions #RSC #Caching


🔄 Next.js Server Actions: How They Trigger Fast RSC Rebuilds & UI Refresh! ✨ Following up on our last tip about cookies.set()/cookies.delete() auto-invalidating the Router Cache… #NextJS #AppRouter #ServerActions #RSC #Caching #WebDev


「速くなった」って一言で言ってるけど、 やってることはわりと地味👇 - LCP画像のpreload強化 - decoding="async"で非同期デコード - analyzeでバンドル最適化、import整理 - 初期UIの非同期化 / icon読み込み見直し - 画像サイズも圧縮し直し - critical css適用 じゃじゃ馬 #AppRouter との蜜月。

🚀 Your link page now loads ~30% faster, especially on mobile. Whether from social or search, visitors can reach your page more smoothly—less waiting, less drop-off. More speed. Better experience. And we’re just getting started. #Arounds #LinkInBio



Quick Tip: Next.js App Router = smoother full stack apps. Handle layouts, APIs & server actions in one structure. Cleaner, faster, scalable 🚀 #Nextjs #FullStack #AppRouter #WaqasWebSolutions

waqaswebsol's tweet image. Quick Tip: Next.js App Router = smoother full stack apps. Handle layouts, APIs & server actions in one structure. Cleaner, faster, scalable 🚀

#Nextjs #FullStack #AppRouter #WaqasWebSolutions

「React ViteからNext.jsへ切り替えたプロセスとApp Router化のボトルネック」 ヘンリー社(@henryappjp) sumirenさん(@sumiren_t) 同社では、React + ViteからNext.jsへの移行でFCPを改善し、アプリ修正を行いました。#AppRouter 化にはルーティングがボトルネックですが、#NextJS の今後に期待です。

findy_tools's tweet image. 「React ViteからNext.jsへ切り替えたプロセスとApp Router化のボトルネック」
ヘンリー社(@henryappjp) sumirenさん(@sumiren_t)
同社では、React + ViteからNext.jsへの移行でFCPを改善し、アプリ修正を行いました。#AppRouter 化にはルーティングがボトルネックですが、#NextJS の今後に期待です。

🛠️Next.js 15を“速く・壊れにくく” App Routerのベストプラクティス15項を1枚にまとめてみました! 設計の判断基準と数値目安つき 画像で要点を一気見👇 #Nextjs #AppRouter #React #ServerComponents #Webパフォーマンス #TypeScript #フロントエンド

sakaki_1223's tweet image. 🛠️Next.js 15を“速く・壊れにくく”

App Routerのベストプラクティス15項を1枚にまとめてみました!

設計の判断基準と数値目安つき
画像で要点を一気見👇

#Nextjs #AppRouter #React #ServerComponents #Webパフォーマンス #TypeScript #フロントエンド

@deepseek_ai Coder v2 knows new @nextjs #AppRouter ! Most other code models either use Page Router or hallucinate when I ask for a new App Router :) It's really good in TS and FE so far. I'm impressed!

mrLumatic's tweet image. @deepseek_ai Coder v2 knows new @nextjs #AppRouter ! Most other code models either use Page Router or hallucinate when I ask for a new App Router :)
It's really good in TS and FE so far. I'm impressed!

#AppRouter is a file-system-based router For each route, you need to create a new dir under the /app `/`->/app/page.tsx `/cat`-> /app/cat/{page.tsx,layout.tsx,,} /dog -> /app/dog/{page.tsx,,,} /bird -> /app/bird/{page.tsx,,,} App route Doc -> nextjs.org/docs/app

techbygopi's tweet image. #AppRouter is a file-system-based router

For each route, you need to create a new dir under the /app

`/`->/app/page.tsx
`/cat`-> /app/cat/{page.tsx,layout.tsx,,}
/dog -> /app/dog/{page.tsx,,,}
/bird -> /app/bird/{page.tsx,,,}

App route Doc -> nextjs.org/docs/app

pnpm×Next.js(AppRouter)やっと組めたw ・プロジェクトのルートディレクトリにpackage.jsonをコピーしないといけない ・yarnみたくpnpmはデフォルトで入っていないから、npm install -g pnpmコマンドが必要 という意味でDockerfileの書き方だいぶ変わってたw #nextjs #approuter

social_vertechX's tweet image. pnpm×Next.js(AppRouter)やっと組めたw
・プロジェクトのルートディレクトリにpackage.jsonをコピーしないといけない
・yarnみたくpnpmはデフォルトで入っていないから、npm install -g pnpmコマンドが必要
という意味でDockerfileの書き方だいぶ変わってたw

#nextjs #approuter

When you’re migrating @sanity_io from @nextjs page-router to app-router… this is a good error to run into 😁 #migration #nextjs #approuter #sanity

cdasmktcda's tweet image. When you’re migrating @sanity_io from @nextjs page-router to app-router… this is a good error to run into 😁 #migration #nextjs #approuter #sanity

Does anyone knows how to solve this? We're migrating from pages to app. In our current production app we have the following webpack config option: if (options.isServer) config.externals = ['react', ...config.externals]; #Nextjs #approuter @leeerob

freecates's tweet image. Does anyone knows how to solve this? 
We're migrating from pages to app. 
In our current production app we have the following webpack config option:
if (options.isServer) config.externals = ['react', ...config.externals];

#Nextjs #approuter @leeerob

Using NextUI(library) Tabs in Next.js(App Router) you can change the pathname without full page refresh just by adding a simple function. Here's the code for this easy trick... #nextjs #approuter #next13 #reactjs #javascript

adityatyagiav's tweet image. Using NextUI(library) Tabs in Next.js(App Router) you can change the pathname without full page refresh just by adding a simple function.
Here's the code for this easy trick...

#nextjs #approuter #next13 #reactjs #javascript
adityatyagiav's tweet image. Using NextUI(library) Tabs in Next.js(App Router) you can change the pathname without full page refresh just by adding a simple function.
Here's the code for this easy trick...

#nextjs #approuter #next13 #reactjs #javascript

Speed up TTFB & LCP by streaming components with suspense + dynamic() in App Router. 💡 Use React Server Components + Suspense to stream content fast—Google loves it. #Nextjs #AppRouter #WebPerformance #React #CoreWebVitals #SEO #FrontendDev #DeveloperTips

nrachabathuni's tweet image. Speed up TTFB & LCP by streaming components with suspense + dynamic() in App Router.

💡 Use React Server Components + Suspense to stream content fast—Google loves it.

#Nextjs #AppRouter #WebPerformance #React #CoreWebVitals #SEO #FrontendDev #DeveloperTips

Hello @delba_oliveira quick question related to the next13 app router. I want to generate 404 localized pages in SSG (export mode). I tried to add not-found file under my [locale] folder, but it is not generating 404 pages per locale. #Nextjs #approuter #next13 #i18n #SSG

SivaGanesh3808's tweet image. Hello @delba_oliveira quick question related to the next13 app router.
I want to generate 404 localized pages in SSG (export mode). I tried to add not-found file under my [locale] folder, but it is not generating 404 pages per locale.
#Nextjs #approuter #next13 #i18n #SSG
SivaGanesh3808's tweet image. Hello @delba_oliveira quick question related to the next13 app router.
I want to generate 404 localized pages in SSG (export mode). I tried to add not-found file under my [locale] folder, but it is not generating 404 pages per locale.
#Nextjs #approuter #next13 #i18n #SSG

They say you can call getUser in layout but not to check the auth state. I am still trying to figure out the difference here. Is it applicable for the initial pass? Because anyways middleware is going to check auth. #nextjs #approuter #vercel nextjs.org/docs/app/build…

azashi95's tweet image. They say you can call getUser in layout but not to check the auth state. I am still trying to figure out the difference here. 
Is it applicable for the initial pass? Because anyways middleware is going to check auth.

#nextjs #approuter #vercel 
nextjs.org/docs/app/build…

Patched version of SAP Approuter available: approuter v6.8.2 Changelog: - Fix extension of resolveUaaConfig #SAPnpm #SAPNodePackages #approuter

HANA_XSA's tweet image. Patched version of SAP Approuter available: approuter v6.8.2
Changelog:
- Fix extension of resolveUaaConfig

#SAPnpm #SAPNodePackages #approuter

New version of SAP Approuter available: approuter v6.8.0 Added features: - Enable external session manager extensibility when using HTML5 Repo - Business Services OAuth tokens - JWT exchanged and used to access re-use services bound to the approuter #SAPNodePackages #approuter

HANA_XSA's tweet image. New version of SAP Approuter available: approuter v6.8.0
Added features:
- Enable external session manager extensibility when using HTML5 Repo
- Business Services OAuth tokens - JWT exchanged and used to access re-use services bound to the approuter
#SAPNodePackages #approuter

Loading...

Something went wrong.


Something went wrong.


United States Trends