_app.tsx
_app.tsx is defined as: ( Next 12 ) to share global CSS stylesheet, layout or config. Topics on: . Read more: React, React Stack, Nextjs, Next 12|FullStack Wiki
52 docs tagged with "Nextjs"
View All Tags_document.tsx
_document.tsx. Topics on: . Read more: React, React Stack, Nextjs, Next 12|FullStack Wiki by Roger J
/app
/app is defined as: ( Next 13 ) dir to export Page, allows Colocation. Topics on: /app replace /pages ( Next 12 ) & default to Server Component. Read more: Reac
/pages
/pages is defined as: ( Next 12 ) dir to export default Page. Topics on: [id].tsx, /pages/api. Read more: React, React Stack, Nextjs, Next 12, Pages, Page| Wiki
/pages/api
/pages/api is defined as: dir to map to API endpoint, instead of Page for server-side bundle. Topics on: API Route Helpers. Read more: React, React Stack, Nextj
<Head>
<Head> is defined as: ( Next 12 ) FC extends <head>. Topics on: . Read more: React, React Stack, Nextjs, Next Component, Head, Next 12, FC|FullStack Wiki by RJ
<Image>
<Image> is defined as: ( Next 12 ) FC extends <img> with Prefetch/Lazy Loading & ✨img optimization to burn your free quota. Topics on: unoptimized. Read more: R
Colocation
Colocation is defined as: Next 13 /app can colocate all files. Topics on: . Read more: React, React Stack, Nextjs, Next 13, Colocation, App|FullStack Wiki by RJ
create-next-app
create-next-app is defined as: Next.js Scaffolding Dev tool with wizard setup. Topics on: . Read more: React, React Stack, Nextjs, Next Setup, Next Js, Scaffold
Edge Runtime
Edge Runtime is defined as: Runtime Environment to execute on Edge. Topics on: . Read more: React, React Stack, Nextjs, Next Concepts, Server Runtime, Edge Runt
error.tsx
error.tsx is defined as: ( Next 13 ) Page to export default UI on Trigger Error Boundary. Topics on: error.tsx is reserved name for Error UI for Next 13. Read m
File System Router
File System Router is defined as: to define Routing by filepath struct; to map FC src path to route. Topics on: Page, Index Route, Nest Route, Shared Layout. Re
getServerSideProps()
getServerSideProps() is defined as: async fn to run on Backend to pre-render on each request, to fetch async external data. Topics on: . Read more: React, React
head.tsx
head.tsx is defined as: ( Next 13 ) Page to export default <head> for each Page Route. Topics on: head.tsx replace <Head> FC ( Next 12 ). Read more: React, Rea
Incremental Adoption
Incremental Adoption is defined as: (feat) Next 12 compat with Next 13, can migrate individual Page from /pages to /app. Topics on: . Read more: React, React St
ISR
ISR is defined as: Incremental Static Regeneration scaling strat to serve skeleton & SSG on-demand per-page basis & keep update with set interval to prevent Sta
layout.tsx
layout.tsx is defined as: ( Next 13 ) Page to export default layout UI to share with children. Topics on: layout.tsx does not support passing props to children,
Leaf
Leaf is defined as: Last Node in Subtree w/o children. Topics on: . Read more: React, React Stack, Nextjs, Next Concepts, Tree, Leaf, Subtree | Full-Stack Wiki
loading.tsx
loading.tsx is defined as: ( Next 13 ) Page to export default loading UI on Trigger Suspense Boundary. Topics on: loading.tsx is reserved name for Loading UI fo
Move Data Fetch to Server-Side
Move Data Fetch to Server-Side is defined as: ( Next 13 ) to Colocation Data Fetch ops in Server Component for Sync perf. Topics on: Next 13 Move Data Fetch to
Nest Route
Nest Route. Topics on: . Read more: React, React Stack, Nextjs, Next Concepts, File System Router, Nest Route|FullStack Wiki by Roger J
Next 12
Next 12 is defined as: verion 12 of Next.js, deprecated as of October 25th, 2022. Topics on: /pages, /public, /(dir), _document.tsx, _app.tsx, getStaticPaths(),
Next 12 Migration
Next 12 Migration. Topics on: Incremental Adoption /app per Page, Transition to Server Component. Read more: React, React Stack, Nextjs, Next 13| FullStack Wiki
Next 13
Next 13 is defined as: version 13 of Next.js, beta, latest as of October 25th, 2022. Topics on: Incremental Adoption, Move Data Fetch to Server-Side, Colocation
Next Component
Next Component. Topics on: <Head>, <Script>, <Image>, <Link>. Read more: React, React Stack, Nextjs, Next Component|FullStack Wiki by Roger J
Next Concepts
Next Concepts is defined as: Next.js opinionated solutions to various fullstack design concerns. Topics on: Pre-render, Next Router, Tree, File System Router, S
Next Data Fetching
Next Data Fetching is defined as: Opinionated Design Patterns in Next.js for Data Fetch situations. Topics on: (default) Next.js requests are all Static Fetch,
Next Definition
Next Definition. Topics on: Next.js MIT License, Vercel. Read more: React, React Stack, Nextjs, Next Definition|FullStack Wiki by Roger J
Next Router
Next Router is defined as: built-in router for Next.js with specific opinionated Routing patterns. Topics on: . Read more: React, React Stack, Nextjs, Next Conc
Next Scripts
Next Scripts is defined as: package.json scripts for Next.js project. Topics on: next dev, next build, next start, next lint. Read more: React, React Stack, Nex
Next Setup
Next Setup. Topics on: Next Scripts, Next CLI, create-next-app, To add CSS, next-code-elimination-tool. Read more: React, React Stack, Nextjs, Next Setup | Wiki
Next.js
Next.js is defined as: fullstack React Stack for SSG & now official react team approval?! headless CMS. Topics on: Next 13, Next 12, Next Component, Next Concep
Nextra
Nextra is defined as: opinionated SSG solution for Next.js. Topics on: . Read more: React, React Stack, Nextjs, SSG, Next Js|FullStack Wiki by Roger J
not-found.tsx
not-found.tsx is defined as: ( Next 13 ) Page to export default UI for Catch All Route. Topics on: not-found.tsx is reserved name for Catch All Route in Next 13
On-demand Revalidation
On-demand Revalidation is defined as: (feat) to manually purge HTTP Caching for specific ISR Page. Topics on: On-demand Revalidation requires secret token to ac
Page
Page is defined as: export default FC to display unique UI for Next.js File System Router. Topics on: /pages to export Page in Next 12, /app to export Page in N
page.tsx
page.tsx is defined as: Page export default UI for Next Router vs dirpath, default Server Component - else 'use client' opt-in. Topics on: Next 13 reserve page.
Pre-render
Pre-render is defined as: (feat) to render HTML in advance for perf & SEO. Topics on: ISR, Server Side Render. Read more: React, React Stack, Nextjs, Next Conce
Revalidation
Revalidation is defined as: beta.nextjs.org/docs/data fetching/revalidating. Topics on: Background Revalidation, On-demand Revalidation. Read more: React, React
Root
Root is defined as: First Node in Tree/Subtree. Topics on: . Read more: React, React Stack, Nextjs, Next Concepts, Tree, Root, Subtree|FullStack Wiki by Roger J
Root Layout
Root Layout is defined as: top-level layout.tsx to share across all Page in App, to define <html> & <body>. Topics on: Root Layout replaces _app.tsx & _document
router()
router() is defined as: Imperative fn return by useRouter(). Topics on: (default) to name as router() but can be any name, push, pop. Read more: React, React St
Server Runtime
Server Runtime is defined as: Node.js & Edge Runtime. Topics on: Edge Runtime, (default) /app use Node.js. Read more: React, React Stack, Nextjs, Next Concepts,
Server Side Render
Server Side Render is defined as: to Pre-render Static Content on Server Backend & serve to Thin Client with each request. Topics on: . Read more: React, React
Shared Layout
Shared Layout is defined as: UI to share mutliple Page via children, to preserve state & not trigger re-render. Topics on: Root Layout. Read more: React, React
Stale
Stale is defined as: when Static Content no longer up to date. Topics on: . Read more: React, React Stack, Nextjs, Next Concepts, Pre Render, ISR, Stale, Static
Subtree
Subtree is defined as: Part of Tree, from Root to Leaf. Topics on: . Read more: React, React Stack, Nextjs, Next Concepts, Tree, Subtree, Root, Leaf | Dev Wiki
To add CSS
To add CSS. Topics on: Import from /pages/_app.tsx, import from /node_modules CRA. Read more: React, React Stack, Nextjs, Next Setup|FullStack Wiki by Roger J
Tree
Tree is defined as: Next.js folder struct to def Hierachy for File System Router. Topics on: Subtree, Root, Leaf. Read more: React, React Stack, Nextjs, Next Co
unoptimized
unoptimized is defined as: props to set <Image> to serve unoptimized Image Element (for compat with storybook). Topics on: . Read more: React, React Stack, Next
useRouter()
useRouter() is defined as: Next Library Hook to return router function to Imperative navigate within Page. Topics on: router(). Read more: React, React Stack, N
Vercel
Vercel is defined as: PaaS dev of Next.js, parcel, Serverless JAM CDN. Topics on: static file hosting does not count to 32 build/hr limit, automatic Let's Encry