Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.

# dependencies
/node_modules
/.pnp
.pnp.*
.yarn/*
!.yarn/patches
!.yarn/plugins
!.yarn/releases
!.yarn/versions

# testing
/coverage

# next.js
/.next/
/out/

# production
/build

# misc
.DS_Store
*.pem

# debug
npm-debug.log*
yarn-debug.log*
yarn-error.log*
.pnpm-debug.log*

# env files (can opt-in for committing if needed)
.env*

# vercel
.vercel

# typescript
*.tsbuildinfo
next-env.d.ts

# Sentry Config File
.env.sentry-build-plugin
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
@sentry:registry=http://127.0.0.1:4873
@sentry-internal:registry=http://127.0.0.1:4873
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
import { PropsWithChildren } from 'react';

export const dynamic = 'force-dynamic';

export default function Layout({ children }: PropsWithChildren<{}>) {
return (
<div>
<p>Layout</p>
{children}
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
import { PropsWithChildren } from 'react';

export const dynamic = 'force-dynamic';

export default function Layout({ children }: PropsWithChildren<{}>) {
return (
<div>
<p>DynamicLayout</p>
{children}
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
export const dynamic = 'force-dynamic';

export default async function Page() {
return (
<div>
<p>Dynamic Page</p>
</div>
);
}

export async function generateMetadata() {
return {
title: 'I am dynamic page generated metadata',
};
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
import { PropsWithChildren } from 'react';

export const dynamic = 'force-dynamic';

export default function Layout({ children }: PropsWithChildren<{}>) {
return (
<div>
<p>Layout</p>
{children}
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
export const dynamic = 'force-dynamic';

export default function Page() {
return <p>Hello World!</p>;
}

export async function generateMetadata() {
return {
title: 'I am generated metadata',
};
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export function GET() {
return Response.json({ name: 'John Doe' });
}
Binary file not shown.
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
'use client';

import * as Sentry from '@sentry/nextjs';
import NextError from 'next/error';
import { useEffect } from 'react';

export default function GlobalError({ error }: { error: Error & { digest?: string } }) {
useEffect(() => {
Sentry.captureException(error);
}, [error]);

return (
<html>
<body>
{/* `NextError` is the default Next.js error page component. Its type
definition requires a `statusCode` prop. However, since the App Router
does not expose status codes for errors, we simply pass 0 to render a
generic error message. */}
<NextError statusCode={0} />
</body>
</html>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
export const revalidate = 60; // ISR: revalidate every 60 seconds
export const dynamicParams = true; // Allow dynamic params beyond generateStaticParams

export async function generateStaticParams(): Promise<Array<{ product: string }>> {
return [{ product: 'laptop' }, { product: 'phone' }, { product: 'tablet' }];
}

export default async function ISRProductPage({ params }: { params: Promise<{ product: string }> }) {
const { product } = await params;

return (
<div>
<h1>ISR Product: {product}</h1>
<div id="isr-product-id">{product}</div>
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
export const revalidate = 60; // ISR: revalidate every 60 seconds
export const dynamicParams = true;

export async function generateStaticParams(): Promise<never[]> {
return [];
}

export default function ISRStaticPage() {
return (
<div>
<h1>ISR Static Page</h1>
<div id="isr-static-marker">static-isr</div>
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
export default function Layout({ children }: { children: React.ReactNode }) {
return (
<html lang="en">
<body>{children}</body>
</html>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
'use client';

import * as Sentry from '@sentry/nextjs';

export default function Page() {
const handleClick = async () => {
Sentry.metrics.count('test.page.count', 1, {
attributes: {
page: '/metrics',
'random.attribute': 'Apples',
},
});
Sentry.metrics.distribution('test.page.distribution', 100, {
attributes: {
page: '/metrics',
'random.attribute': 'Manzanas',
},
});
Sentry.metrics.gauge('test.page.gauge', 200, {
attributes: {
page: '/metrics',
'random.attribute': 'Mele',
},
});
await fetch('/metrics/route-handler');
};

return (
<div>
<h1>Metrics page</h1>
<button onClick={handleClick}>Emit</button>
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
import * as Sentry from '@sentry/nextjs';

export const GET = async () => {
Sentry.metrics.count('test.route.handler.count', 1, {
attributes: {
endpoint: '/metrics/route-handler',
'random.attribute': 'Potatoes',
},
});
Sentry.metrics.distribution('test.route.handler.distribution', 100, {
attributes: {
endpoint: '/metrics/route-handler',
'random.attribute': 'Patatas',
},
});
Sentry.metrics.gauge('test.route.handler.gauge', 200, {
attributes: {
endpoint: '/metrics/route-handler',
'random.attribute': 'Patate',
},
});
return Response.json({ message: 'Bueno' });
};
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
import { Suspense } from 'react';

export const dynamic = 'force-dynamic';

export default async function Page() {
return (
<Suspense fallback={<p>Loading...</p>}>
{/* @ts-ignore */}
Comment thread
logaretm marked this conversation as resolved.
<Crash />;
</Suspense>
);
}

async function Crash() {
throw new Error('I am technically uncatchable');
return <p>unreachable</p>;
}
Comment thread
logaretm marked this conversation as resolved.
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
// No generateStaticParams - this is NOT an ISR page
export default async function NonISRPage({ params }: { params: Promise<{ item: string }> }) {
const { item } = await params;

return (
<div>
<h1>Non-ISR Dynamic Page: {item}</h1>
<div id="non-isr-item-id">{item}</div>
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export default function Page() {
return <p>Next 16 test app</p>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
import { PropsWithChildren } from 'react';

export const dynamic = 'force-dynamic';

export default async function Layout({ children }: PropsWithChildren<unknown>) {
await new Promise(resolve => setTimeout(resolve, 500));
return <>{children}</>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
export const dynamic = 'force-dynamic';

export default async function Page() {
await new Promise(resolve => setTimeout(resolve, 1000));
return <p>I am page 2</p>;
}

export async function generateMetadata() {
(await fetch('https://example.com/', { cache: 'no-store' })).text();

return {
title: 'my title',
};
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export default function ParameterizedPage() {
return <div>Dynamic page two</div>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export default function BeepPage() {
return <div>Beep</div>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export default function ParameterizedPage() {
return <div>Dynamic page one</div>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export default function StaticPage() {
return <div>Static page</div>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
import Link from 'next/link';

export default function Page() {
return (
<Link id="prefetch-link" href="/prefetching/to-be-prefetched">
link
</Link>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
export const dynamic = 'force-dynamic';

export default function Page() {
return <p>Hello</p>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
export default function RedirectDestinationPage() {
return (
<div>
<h1>Redirect Destination</h1>
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
import { redirect } from 'next/navigation';

async function redirectAction() {
'use server';

redirect('/redirect/destination');
}

export default function RedirectOriginPage() {
return (
<>
{/* @ts-ignore */}
Comment thread
logaretm marked this conversation as resolved.
<form action={redirectAction}>
<button type="submit">Redirect me</button>
</form>
</>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
import { NextResponse } from 'next/server';

export const runtime = 'edge';
export const dynamic = 'force-dynamic';

export async function GET() {
return NextResponse.json({ message: 'Hello Edge Route Handler' });
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
import { NextResponse } from 'next/server';

export const dynamic = 'force-dynamic';

export async function GET() {
return NextResponse.json({ message: 'Hello Node Route Handler' });
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
'use client';

import { use } from 'react';

export function RenderPromise({ stringPromise }: { stringPromise: Promise<string> }) {
const s = use(stringPromise);
return <>{s}</>;
}
Loading
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.

# dependencies
/node_modules
/.pnp
.pnp.*
.yarn/*
!.yarn/patches
!.yarn/plugins
!.yarn/releases
!.yarn/versions

# testing
/coverage

# next.js
/.next/
/out/

# production
/build

# misc
.DS_Store
*.pem

# debug
npm-debug.log*
yarn-debug.log*
yarn-error.log*
.pnpm-debug.log*

# env files (can opt-in for committing if needed)
.env*

# vercel
.vercel

# typescript
*.tsbuildinfo
next-env.d.ts

# Sentry Config File
.env.sentry-build-plugin
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
@sentry:registry=http://127.0.0.1:4873
@sentry-internal:registry=http://127.0.0.1:4873
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
import { PropsWithChildren } from 'react';

export const dynamic = 'force-dynamic';

export default function Layout({ children }: PropsWithChildren<{}>) {
return (
<div>
<p>Layout</p>
{children}
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
import { PropsWithChildren } from 'react';

export const dynamic = 'force-dynamic';

export default function Layout({ children }: PropsWithChildren<{}>) {
return (
<div>
<p>DynamicLayout</p>
{children}
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
export const dynamic = 'force-dynamic';

export default async function Page() {
return (
<div>
<p>Dynamic Page</p>
</div>
);
}

export async function generateMetadata() {
return {
title: 'I am dynamic page generated metadata',
};
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
import { PropsWithChildren } from 'react';

export const dynamic = 'force-dynamic';

export default function Layout({ children }: PropsWithChildren<{}>) {
return (
<div>
<p>Layout</p>
{children}
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
export const dynamic = 'force-dynamic';

export default function Page() {
return <p>Hello World!</p>;
}

export async function generateMetadata() {
return {
title: 'I am generated metadata',
};
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export function GET() {
return Response.json({ name: 'John Doe' });
}
Binary file not shown.
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
'use client';

import * as Sentry from '@sentry/nextjs';
import NextError from 'next/error';
import { useEffect } from 'react';

export default function GlobalError({ error }: { error: Error & { digest?: string } }) {
useEffect(() => {
Sentry.captureException(error);
}, [error]);

return (
<html>
<body>
{/* `NextError` is the default Next.js error page component. Its type
definition requires a `statusCode` prop. However, since the App Router
does not expose status codes for errors, we simply pass 0 to render a
generic error message. */}
<NextError statusCode={0} />
</body>
</html>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
export const revalidate = 60; // ISR: revalidate every 60 seconds
export const dynamicParams = true; // Allow dynamic params beyond generateStaticParams

export async function generateStaticParams(): Promise<Array<{ product: string }>> {
return [{ product: 'laptop' }, { product: 'phone' }, { product: 'tablet' }];
}

export default async function ISRProductPage({ params }: { params: Promise<{ product: string }> }) {
const { product } = await params;

return (
<div>
<h1>ISR Product: {product}</h1>
<div id="isr-product-id">{product}</div>
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
export const revalidate = 60; // ISR: revalidate every 60 seconds
export const dynamicParams = true;

export async function generateStaticParams(): Promise<never[]> {
return [];
}

export default function ISRStaticPage() {
return (
<div>
<h1>ISR Static Page</h1>
<div id="isr-static-marker">static-isr</div>
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
export default function Layout({ children }: { children: React.ReactNode }) {
return (
<html lang="en">
<body>{children}</body>
</html>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
'use client';

import * as Sentry from '@sentry/nextjs';

export default function Page() {
const handleClick = async () => {
Sentry.metrics.count('test.page.count', 1, {
attributes: {
page: '/metrics',
'random.attribute': 'Apples',
},
});
Sentry.metrics.distribution('test.page.distribution', 100, {
attributes: {
page: '/metrics',
'random.attribute': 'Manzanas',
},
});
Sentry.metrics.gauge('test.page.gauge', 200, {
attributes: {
page: '/metrics',
'random.attribute': 'Mele',
},
});
await fetch('/metrics/route-handler');
};

return (
<div>
<h1>Metrics page</h1>
<button onClick={handleClick}>Emit</button>
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
import * as Sentry from '@sentry/nextjs';

export const GET = async () => {
Sentry.metrics.count('test.route.handler.count', 1, {
attributes: {
endpoint: '/metrics/route-handler',
'random.attribute': 'Potatoes',
},
});
Sentry.metrics.distribution('test.route.handler.distribution', 100, {
attributes: {
endpoint: '/metrics/route-handler',
'random.attribute': 'Patatas',
},
});
Sentry.metrics.gauge('test.route.handler.gauge', 200, {
attributes: {
endpoint: '/metrics/route-handler',
'random.attribute': 'Patate',
},
});
return Response.json({ message: 'Bueno' });
};
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
import { Suspense } from 'react';

export const dynamic = 'force-dynamic';

export default async function Page() {
return (
<Suspense fallback={<p>Loading...</p>}>
{/* @ts-ignore */}
Comment thread
logaretm marked this conversation as resolved.
<Crash />;
</Suspense>
);
}

async function Crash() {
throw new Error('I am technically uncatchable');
return <p>unreachable</p>;
}
Comment thread
logaretm marked this conversation as resolved.
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
// No generateStaticParams - this is NOT an ISR page
export default async function NonISRPage({ params }: { params: Promise<{ item: string }> }) {
const { item } = await params;

return (
<div>
<h1>Non-ISR Dynamic Page: {item}</h1>
<div id="non-isr-item-id">{item}</div>
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export default function Page() {
return <p>Next 16 test app</p>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
import { PropsWithChildren } from 'react';

export const dynamic = 'force-dynamic';

export default async function Layout({ children }: PropsWithChildren<unknown>) {
await new Promise(resolve => setTimeout(resolve, 500));
return <>{children}</>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
export const dynamic = 'force-dynamic';

export default async function Page() {
await new Promise(resolve => setTimeout(resolve, 1000));
return <p>I am page 2</p>;
}

export async function generateMetadata() {
(await fetch('https://example.com/', { cache: 'no-store' })).text();

return {
title: 'my title',
};
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export default function ParameterizedPage() {
return <div>Dynamic page two</div>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export default function BeepPage() {
return <div>Beep</div>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export default function ParameterizedPage() {
return <div>Dynamic page one</div>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export default function StaticPage() {
return <div>Static page</div>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
import Link from 'next/link';

export default function Page() {
return (
<Link id="prefetch-link" href="/prefetching/to-be-prefetched">
link
</Link>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
export const dynamic = 'force-dynamic';

export default function Page() {
return <p>Hello</p>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
export default function RedirectDestinationPage() {
return (
<div>
<h1>Redirect Destination</h1>
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
import { redirect } from 'next/navigation';

async function redirectAction() {
'use server';

redirect('/redirect/destination');
}

export default function RedirectOriginPage() {
return (
<>
{/* @ts-ignore */}
Comment thread
logaretm marked this conversation as resolved.
<form action={redirectAction}>
<button type="submit">Redirect me</button>
</form>
</>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
import { NextResponse } from 'next/server';

export const runtime = 'edge';
export const dynamic = 'force-dynamic';

export async function GET() {
return NextResponse.json({ message: 'Hello Edge Route Handler' });
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
import { NextResponse } from 'next/server';

export const dynamic = 'force-dynamic';

export async function GET() {
return NextResponse.json({ message: 'Hello Node Route Handler' });
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
'use client';

import { use } from 'react';

export function RenderPromise({ stringPromise }: { stringPromise: Promise<string> }) {
const s = use(stringPromise);
return <>{s}</>;
}
Loading
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix"); } } catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.

# dependencies
/node_modules
/.pnp
.pnp.*
.yarn/*
!.yarn/patches
!.yarn/plugins
!.yarn/releases
!.yarn/versions

# testing
/coverage

# next.js
/.next/
/out/

# production
/build

# misc
.DS_Store
*.pem

# debug
npm-debug.log*
yarn-debug.log*
yarn-error.log*
.pnpm-debug.log*

# env files (can opt-in for committing if needed)
.env*

# vercel
.vercel

# typescript
*.tsbuildinfo
next-env.d.ts

# Sentry Config File
.env.sentry-build-plugin
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
@sentry:registry=http://127.0.0.1:4873
@sentry-internal:registry=http://127.0.0.1:4873
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
import { PropsWithChildren } from 'react';

export const dynamic = 'force-dynamic';

export default function Layout({ children }: PropsWithChildren<{}>) {
return (
<div>
<p>Layout</p>
{children}
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
import { PropsWithChildren } from 'react';

export const dynamic = 'force-dynamic';

export default function Layout({ children }: PropsWithChildren<{}>) {
return (
<div>
<p>DynamicLayout</p>
{children}
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
export const dynamic = 'force-dynamic';

export default async function Page() {
return (
<div>
<p>Dynamic Page</p>
</div>
);
}

export async function generateMetadata() {
return {
title: 'I am dynamic page generated metadata',
};
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
import { PropsWithChildren } from 'react';

export const dynamic = 'force-dynamic';

export default function Layout({ children }: PropsWithChildren<{}>) {
return (
<div>
<p>Layout</p>
{children}
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
export const dynamic = 'force-dynamic';

export default function Page() {
return <p>Hello World!</p>;
}

export async function generateMetadata() {
return {
title: 'I am generated metadata',
};
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export function GET() {
return Response.json({ name: 'John Doe' });
}
Binary file not shown.
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
'use client';

import * as Sentry from '@sentry/nextjs';
import NextError from 'next/error';
import { useEffect } from 'react';

export default function GlobalError({ error }: { error: Error & { digest?: string } }) {
useEffect(() => {
Sentry.captureException(error);
}, [error]);

return (
<html>
<body>
{/* `NextError` is the default Next.js error page component. Its type
definition requires a `statusCode` prop. However, since the App Router
does not expose status codes for errors, we simply pass 0 to render a
generic error message. */}
<NextError statusCode={0} />
</body>
</html>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
export const revalidate = 60; // ISR: revalidate every 60 seconds
export const dynamicParams = true; // Allow dynamic params beyond generateStaticParams

export async function generateStaticParams(): Promise<Array<{ product: string }>> {
return [{ product: 'laptop' }, { product: 'phone' }, { product: 'tablet' }];
}

export default async function ISRProductPage({ params }: { params: Promise<{ product: string }> }) {
const { product } = await params;

return (
<div>
<h1>ISR Product: {product}</h1>
<div id="isr-product-id">{product}</div>
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
export const revalidate = 60; // ISR: revalidate every 60 seconds
export const dynamicParams = true;

export async function generateStaticParams(): Promise<never[]> {
return [];
}

export default function ISRStaticPage() {
return (
<div>
<h1>ISR Static Page</h1>
<div id="isr-static-marker">static-isr</div>
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
export default function Layout({ children }: { children: React.ReactNode }) {
return (
<html lang="en">
<body>{children}</body>
</html>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
'use client';

import * as Sentry from '@sentry/nextjs';

export default function Page() {
const handleClick = async () => {
Sentry.metrics.count('test.page.count', 1, {
attributes: {
page: '/metrics',
'random.attribute': 'Apples',
},
});
Sentry.metrics.distribution('test.page.distribution', 100, {
attributes: {
page: '/metrics',
'random.attribute': 'Manzanas',
},
});
Sentry.metrics.gauge('test.page.gauge', 200, {
attributes: {
page: '/metrics',
'random.attribute': 'Mele',
},
});
await fetch('/metrics/route-handler');
};

return (
<div>
<h1>Metrics page</h1>
<button onClick={handleClick}>Emit</button>
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
import * as Sentry from '@sentry/nextjs';

export const GET = async () => {
Sentry.metrics.count('test.route.handler.count', 1, {
attributes: {
endpoint: '/metrics/route-handler',
'random.attribute': 'Potatoes',
},
});
Sentry.metrics.distribution('test.route.handler.distribution', 100, {
attributes: {
endpoint: '/metrics/route-handler',
'random.attribute': 'Patatas',
},
});
Sentry.metrics.gauge('test.route.handler.gauge', 200, {
attributes: {
endpoint: '/metrics/route-handler',
'random.attribute': 'Patate',
},
});
return Response.json({ message: 'Bueno' });
};
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
import { Suspense } from 'react';

export const dynamic = 'force-dynamic';

export default async function Page() {
return (
<Suspense fallback={<p>Loading...</p>}>
{/* @ts-ignore */}
Comment thread
logaretm marked this conversation as resolved.
<Crash />;
</Suspense>
);
}

async function Crash() {
throw new Error('I am technically uncatchable');
return <p>unreachable</p>;
}
Comment thread
logaretm marked this conversation as resolved.
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
// No generateStaticParams - this is NOT an ISR page
export default async function NonISRPage({ params }: { params: Promise<{ item: string }> }) {
const { item } = await params;

return (
<div>
<h1>Non-ISR Dynamic Page: {item}</h1>
<div id="non-isr-item-id">{item}</div>
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export default function Page() {
return <p>Next 16 test app</p>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
import { PropsWithChildren } from 'react';

export const dynamic = 'force-dynamic';

export default async function Layout({ children }: PropsWithChildren<unknown>) {
await new Promise(resolve => setTimeout(resolve, 500));
return <>{children}</>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
export const dynamic = 'force-dynamic';

export default async function Page() {
await new Promise(resolve => setTimeout(resolve, 1000));
return <p>I am page 2</p>;
}

export async function generateMetadata() {
(await fetch('https://example.com/', { cache: 'no-store' })).text();

return {
title: 'my title',
};
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export default function ParameterizedPage() {
return <div>Dynamic page two</div>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export default function BeepPage() {
return <div>Beep</div>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export default function ParameterizedPage() {
return <div>Dynamic page one</div>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export default function StaticPage() {
return <div>Static page</div>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
import Link from 'next/link';

export default function Page() {
return (
<Link id="prefetch-link" href="/prefetching/to-be-prefetched">
link
</Link>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
export const dynamic = 'force-dynamic';

export default function Page() {
return <p>Hello</p>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
export default function RedirectDestinationPage() {
return (
<div>
<h1>Redirect Destination</h1>
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
import { redirect } from 'next/navigation';

async function redirectAction() {
'use server';

redirect('/redirect/destination');
}

export default function RedirectOriginPage() {
return (
<>
{/* @ts-ignore */}
Comment thread
logaretm marked this conversation as resolved.
<form action={redirectAction}>
<button type="submit">Redirect me</button>
</form>
</>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
import { NextResponse } from 'next/server';

export const runtime = 'edge';
export const dynamic = 'force-dynamic';

export async function GET() {
return NextResponse.json({ message: 'Hello Edge Route Handler' });
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
import { NextResponse } from 'next/server';

export const dynamic = 'force-dynamic';

export async function GET() {
return NextResponse.json({ message: 'Hello Node Route Handler' });
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
'use client';

import { use } from 'react';

export function RenderPromise({ stringPromise }: { stringPromise: Promise<string> }) {
const s = use(stringPromise);
return <>{s}</>;
}
Loading
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms"); } } catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.

# dependencies
/node_modules
/.pnp
.pnp.*
.yarn/*
!.yarn/patches
!.yarn/plugins
!.yarn/releases
!.yarn/versions

# testing
/coverage

# next.js
/.next/
/out/

# production
/build

# misc
.DS_Store
*.pem

# debug
npm-debug.log*
yarn-debug.log*
yarn-error.log*
.pnpm-debug.log*

# env files (can opt-in for committing if needed)
.env*

# vercel
.vercel

# typescript
*.tsbuildinfo
next-env.d.ts

# Sentry Config File
.env.sentry-build-plugin
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
@sentry:registry=http://127.0.0.1:4873
@sentry-internal:registry=http://127.0.0.1:4873
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
import { PropsWithChildren } from 'react';

export const dynamic = 'force-dynamic';

export default function Layout({ children }: PropsWithChildren<{}>) {
return (
<div>
<p>Layout</p>
{children}
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
import { PropsWithChildren } from 'react';

export const dynamic = 'force-dynamic';

export default function Layout({ children }: PropsWithChildren<{}>) {
return (
<div>
<p>DynamicLayout</p>
{children}
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
export const dynamic = 'force-dynamic';

export default async function Page() {
return (
<div>
<p>Dynamic Page</p>
</div>
);
}

export async function generateMetadata() {
return {
title: 'I am dynamic page generated metadata',
};
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
import { PropsWithChildren } from 'react';

export const dynamic = 'force-dynamic';

export default function Layout({ children }: PropsWithChildren<{}>) {
return (
<div>
<p>Layout</p>
{children}
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
export const dynamic = 'force-dynamic';

export default function Page() {
return <p>Hello World!</p>;
}

export async function generateMetadata() {
return {
title: 'I am generated metadata',
};
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export function GET() {
return Response.json({ name: 'John Doe' });
}
Binary file not shown.
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
'use client';

import * as Sentry from '@sentry/nextjs';
import NextError from 'next/error';
import { useEffect } from 'react';

export default function GlobalError({ error }: { error: Error & { digest?: string } }) {
useEffect(() => {
Sentry.captureException(error);
}, [error]);

return (
<html>
<body>
{/* `NextError` is the default Next.js error page component. Its type
definition requires a `statusCode` prop. However, since the App Router
does not expose status codes for errors, we simply pass 0 to render a
generic error message. */}
<NextError statusCode={0} />
</body>
</html>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
export const revalidate = 60; // ISR: revalidate every 60 seconds
export const dynamicParams = true; // Allow dynamic params beyond generateStaticParams

export async function generateStaticParams(): Promise<Array<{ product: string }>> {
return [{ product: 'laptop' }, { product: 'phone' }, { product: 'tablet' }];
}

export default async function ISRProductPage({ params }: { params: Promise<{ product: string }> }) {
const { product } = await params;

return (
<div>
<h1>ISR Product: {product}</h1>
<div id="isr-product-id">{product}</div>
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
export const revalidate = 60; // ISR: revalidate every 60 seconds
export const dynamicParams = true;

export async function generateStaticParams(): Promise<never[]> {
return [];
}

export default function ISRStaticPage() {
return (
<div>
<h1>ISR Static Page</h1>
<div id="isr-static-marker">static-isr</div>
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
export default function Layout({ children }: { children: React.ReactNode }) {
return (
<html lang="en">
<body>{children}</body>
</html>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
'use client';

import * as Sentry from '@sentry/nextjs';

export default function Page() {
const handleClick = async () => {
Sentry.metrics.count('test.page.count', 1, {
attributes: {
page: '/metrics',
'random.attribute': 'Apples',
},
});
Sentry.metrics.distribution('test.page.distribution', 100, {
attributes: {
page: '/metrics',
'random.attribute': 'Manzanas',
},
});
Sentry.metrics.gauge('test.page.gauge', 200, {
attributes: {
page: '/metrics',
'random.attribute': 'Mele',
},
});
await fetch('/metrics/route-handler');
};

return (
<div>
<h1>Metrics page</h1>
<button onClick={handleClick}>Emit</button>
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
import * as Sentry from '@sentry/nextjs';

export const GET = async () => {
Sentry.metrics.count('test.route.handler.count', 1, {
attributes: {
endpoint: '/metrics/route-handler',
'random.attribute': 'Potatoes',
},
});
Sentry.metrics.distribution('test.route.handler.distribution', 100, {
attributes: {
endpoint: '/metrics/route-handler',
'random.attribute': 'Patatas',
},
});
Sentry.metrics.gauge('test.route.handler.gauge', 200, {
attributes: {
endpoint: '/metrics/route-handler',
'random.attribute': 'Patate',
},
});
return Response.json({ message: 'Bueno' });
};
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
import { Suspense } from 'react';

export const dynamic = 'force-dynamic';

export default async function Page() {
return (
<Suspense fallback={<p>Loading...</p>}>
{/* @ts-ignore */}
Comment thread
logaretm marked this conversation as resolved.
<Crash />;
</Suspense>
);
}

async function Crash() {
throw new Error('I am technically uncatchable');
return <p>unreachable</p>;
}
Comment thread
logaretm marked this conversation as resolved.
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
// No generateStaticParams - this is NOT an ISR page
export default async function NonISRPage({ params }: { params: Promise<{ item: string }> }) {
const { item } = await params;

return (
<div>
<h1>Non-ISR Dynamic Page: {item}</h1>
<div id="non-isr-item-id">{item}</div>
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export default function Page() {
return <p>Next 16 test app</p>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
import { PropsWithChildren } from 'react';

export const dynamic = 'force-dynamic';

export default async function Layout({ children }: PropsWithChildren<unknown>) {
await new Promise(resolve => setTimeout(resolve, 500));
return <>{children}</>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
export const dynamic = 'force-dynamic';

export default async function Page() {
await new Promise(resolve => setTimeout(resolve, 1000));
return <p>I am page 2</p>;
}

export async function generateMetadata() {
(await fetch('https://example.com/', { cache: 'no-store' })).text();

return {
title: 'my title',
};
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export default function ParameterizedPage() {
return <div>Dynamic page two</div>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export default function BeepPage() {
return <div>Beep</div>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export default function ParameterizedPage() {
return <div>Dynamic page one</div>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export default function StaticPage() {
return <div>Static page</div>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
import Link from 'next/link';

export default function Page() {
return (
<Link id="prefetch-link" href="/prefetching/to-be-prefetched">
link
</Link>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
export const dynamic = 'force-dynamic';

export default function Page() {
return <p>Hello</p>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
export default function RedirectDestinationPage() {
return (
<div>
<h1>Redirect Destination</h1>
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
import { redirect } from 'next/navigation';

async function redirectAction() {
'use server';

redirect('/redirect/destination');
}

export default function RedirectOriginPage() {
return (
<>
{/* @ts-ignore */}
Comment thread
logaretm marked this conversation as resolved.
<form action={redirectAction}>
<button type="submit">Redirect me</button>
</form>
</>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
import { NextResponse } from 'next/server';

export const runtime = 'edge';
export const dynamic = 'force-dynamic';

export async function GET() {
return NextResponse.json({ message: 'Hello Edge Route Handler' });
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
import { NextResponse } from 'next/server';

export const dynamic = 'force-dynamic';

export async function GET() {
return NextResponse.json({ message: 'Hello Node Route Handler' });
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
'use client';

import { use } from 'react';

export function RenderPromise({ stringPromise }: { stringPromise: Promise<string> }) {
const s = use(stringPromise);
return <>{s}</>;
}
Loading
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links"); } } catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); } })(); (function(){ try { var __m = "youtube.com"; var __re = new RegExp('^' + "youtube\\.com" + '
Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.

# dependencies
/node_modules
/.pnp
.pnp.*
.yarn/*
!.yarn/patches
!.yarn/plugins
!.yarn/releases
!.yarn/versions

# testing
/coverage

# next.js
/.next/
/out/

# production
/build

# misc
.DS_Store
*.pem

# debug
npm-debug.log*
yarn-debug.log*
yarn-error.log*
.pnpm-debug.log*

# env files (can opt-in for committing if needed)
.env*

# vercel
.vercel

# typescript
*.tsbuildinfo
next-env.d.ts

# Sentry Config File
.env.sentry-build-plugin
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
@sentry:registry=http://127.0.0.1:4873
@sentry-internal:registry=http://127.0.0.1:4873
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
import { PropsWithChildren } from 'react';

export const dynamic = 'force-dynamic';

export default function Layout({ children }: PropsWithChildren<{}>) {
return (
<div>
<p>Layout</p>
{children}
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
import { PropsWithChildren } from 'react';

export const dynamic = 'force-dynamic';

export default function Layout({ children }: PropsWithChildren<{}>) {
return (
<div>
<p>DynamicLayout</p>
{children}
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
export const dynamic = 'force-dynamic';

export default async function Page() {
return (
<div>
<p>Dynamic Page</p>
</div>
);
}

export async function generateMetadata() {
return {
title: 'I am dynamic page generated metadata',
};
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
import { PropsWithChildren } from 'react';

export const dynamic = 'force-dynamic';

export default function Layout({ children }: PropsWithChildren<{}>) {
return (
<div>
<p>Layout</p>
{children}
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
export const dynamic = 'force-dynamic';

export default function Page() {
return <p>Hello World!</p>;
}

export async function generateMetadata() {
return {
title: 'I am generated metadata',
};
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export function GET() {
return Response.json({ name: 'John Doe' });
}
Binary file not shown.
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
'use client';

import * as Sentry from '@sentry/nextjs';
import NextError from 'next/error';
import { useEffect } from 'react';

export default function GlobalError({ error }: { error: Error & { digest?: string } }) {
useEffect(() => {
Sentry.captureException(error);
}, [error]);

return (
<html>
<body>
{/* `NextError` is the default Next.js error page component. Its type
definition requires a `statusCode` prop. However, since the App Router
does not expose status codes for errors, we simply pass 0 to render a
generic error message. */}
<NextError statusCode={0} />
</body>
</html>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
export const revalidate = 60; // ISR: revalidate every 60 seconds
export const dynamicParams = true; // Allow dynamic params beyond generateStaticParams

export async function generateStaticParams(): Promise<Array<{ product: string }>> {
return [{ product: 'laptop' }, { product: 'phone' }, { product: 'tablet' }];
}

export default async function ISRProductPage({ params }: { params: Promise<{ product: string }> }) {
const { product } = await params;

return (
<div>
<h1>ISR Product: {product}</h1>
<div id="isr-product-id">{product}</div>
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
export const revalidate = 60; // ISR: revalidate every 60 seconds
export const dynamicParams = true;

export async function generateStaticParams(): Promise<never[]> {
return [];
}

export default function ISRStaticPage() {
return (
<div>
<h1>ISR Static Page</h1>
<div id="isr-static-marker">static-isr</div>
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
export default function Layout({ children }: { children: React.ReactNode }) {
return (
<html lang="en">
<body>{children}</body>
</html>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
'use client';

import * as Sentry from '@sentry/nextjs';

export default function Page() {
const handleClick = async () => {
Sentry.metrics.count('test.page.count', 1, {
attributes: {
page: '/metrics',
'random.attribute': 'Apples',
},
});
Sentry.metrics.distribution('test.page.distribution', 100, {
attributes: {
page: '/metrics',
'random.attribute': 'Manzanas',
},
});
Sentry.metrics.gauge('test.page.gauge', 200, {
attributes: {
page: '/metrics',
'random.attribute': 'Mele',
},
});
await fetch('/metrics/route-handler');
};

return (
<div>
<h1>Metrics page</h1>
<button onClick={handleClick}>Emit</button>
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
import * as Sentry from '@sentry/nextjs';

export const GET = async () => {
Sentry.metrics.count('test.route.handler.count', 1, {
attributes: {
endpoint: '/metrics/route-handler',
'random.attribute': 'Potatoes',
},
});
Sentry.metrics.distribution('test.route.handler.distribution', 100, {
attributes: {
endpoint: '/metrics/route-handler',
'random.attribute': 'Patatas',
},
});
Sentry.metrics.gauge('test.route.handler.gauge', 200, {
attributes: {
endpoint: '/metrics/route-handler',
'random.attribute': 'Patate',
},
});
return Response.json({ message: 'Bueno' });
};
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
import { Suspense } from 'react';

export const dynamic = 'force-dynamic';

export default async function Page() {
return (
<Suspense fallback={<p>Loading...</p>}>
{/* @ts-ignore */}
Comment thread
logaretm marked this conversation as resolved.
<Crash />;
</Suspense>
);
}

async function Crash() {
throw new Error('I am technically uncatchable');
return <p>unreachable</p>;
}
Comment thread
logaretm marked this conversation as resolved.
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
// No generateStaticParams - this is NOT an ISR page
export default async function NonISRPage({ params }: { params: Promise<{ item: string }> }) {
const { item } = await params;

return (
<div>
<h1>Non-ISR Dynamic Page: {item}</h1>
<div id="non-isr-item-id">{item}</div>
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export default function Page() {
return <p>Next 16 test app</p>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
import { PropsWithChildren } from 'react';

export const dynamic = 'force-dynamic';

export default async function Layout({ children }: PropsWithChildren<unknown>) {
await new Promise(resolve => setTimeout(resolve, 500));
return <>{children}</>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
export const dynamic = 'force-dynamic';

export default async function Page() {
await new Promise(resolve => setTimeout(resolve, 1000));
return <p>I am page 2</p>;
}

export async function generateMetadata() {
(await fetch('https://example.com/', { cache: 'no-store' })).text();

return {
title: 'my title',
};
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export default function ParameterizedPage() {
return <div>Dynamic page two</div>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export default function BeepPage() {
return <div>Beep</div>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export default function ParameterizedPage() {
return <div>Dynamic page one</div>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export default function StaticPage() {
return <div>Static page</div>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
import Link from 'next/link';

export default function Page() {
return (
<Link id="prefetch-link" href="/prefetching/to-be-prefetched">
link
</Link>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
export const dynamic = 'force-dynamic';

export default function Page() {
return <p>Hello</p>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
export default function RedirectDestinationPage() {
return (
<div>
<h1>Redirect Destination</h1>
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
import { redirect } from 'next/navigation';

async function redirectAction() {
'use server';

redirect('/redirect/destination');
}

export default function RedirectOriginPage() {
return (
<>
{/* @ts-ignore */}
Comment thread
logaretm marked this conversation as resolved.
<form action={redirectAction}>
<button type="submit">Redirect me</button>
</form>
</>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
import { NextResponse } from 'next/server';

export const runtime = 'edge';
export const dynamic = 'force-dynamic';

export async function GET() {
return NextResponse.json({ message: 'Hello Edge Route Handler' });
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
import { NextResponse } from 'next/server';

export const dynamic = 'force-dynamic';

export async function GET() {
return NextResponse.json({ message: 'Hello Node Route Handler' });
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
'use client';

import { use } from 'react';

export function RenderPromise({ stringPromise }: { stringPromise: Promise<string> }) {
const s = use(stringPromise);
return <>{s}</>;
}
Loading
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default"); } } catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.

# dependencies
/node_modules
/.pnp
.pnp.*
.yarn/*
!.yarn/patches
!.yarn/plugins
!.yarn/releases
!.yarn/versions

# testing
/coverage

# next.js
/.next/
/out/

# production
/build

# misc
.DS_Store
*.pem

# debug
npm-debug.log*
yarn-debug.log*
yarn-error.log*
.pnpm-debug.log*

# env files (can opt-in for committing if needed)
.env*

# vercel
.vercel

# typescript
*.tsbuildinfo
next-env.d.ts

# Sentry Config File
.env.sentry-build-plugin
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
@sentry:registry=http://127.0.0.1:4873
@sentry-internal:registry=http://127.0.0.1:4873
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
import { PropsWithChildren } from 'react';

export const dynamic = 'force-dynamic';

export default function Layout({ children }: PropsWithChildren<{}>) {
return (
<div>
<p>Layout</p>
{children}
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
import { PropsWithChildren } from 'react';

export const dynamic = 'force-dynamic';

export default function Layout({ children }: PropsWithChildren<{}>) {
return (
<div>
<p>DynamicLayout</p>
{children}
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
export const dynamic = 'force-dynamic';

export default async function Page() {
return (
<div>
<p>Dynamic Page</p>
</div>
);
}

export async function generateMetadata() {
return {
title: 'I am dynamic page generated metadata',
};
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
import { PropsWithChildren } from 'react';

export const dynamic = 'force-dynamic';

export default function Layout({ children }: PropsWithChildren<{}>) {
return (
<div>
<p>Layout</p>
{children}
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
export const dynamic = 'force-dynamic';

export default function Page() {
return <p>Hello World!</p>;
}

export async function generateMetadata() {
return {
title: 'I am generated metadata',
};
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export function GET() {
return Response.json({ name: 'John Doe' });
}
Binary file not shown.
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
'use client';

import * as Sentry from '@sentry/nextjs';
import NextError from 'next/error';
import { useEffect } from 'react';

export default function GlobalError({ error }: { error: Error & { digest?: string } }) {
useEffect(() => {
Sentry.captureException(error);
}, [error]);

return (
<html>
<body>
{/* `NextError` is the default Next.js error page component. Its type
definition requires a `statusCode` prop. However, since the App Router
does not expose status codes for errors, we simply pass 0 to render a
generic error message. */}
<NextError statusCode={0} />
</body>
</html>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
export const revalidate = 60; // ISR: revalidate every 60 seconds
export const dynamicParams = true; // Allow dynamic params beyond generateStaticParams

export async function generateStaticParams(): Promise<Array<{ product: string }>> {
return [{ product: 'laptop' }, { product: 'phone' }, { product: 'tablet' }];
}

export default async function ISRProductPage({ params }: { params: Promise<{ product: string }> }) {
const { product } = await params;

return (
<div>
<h1>ISR Product: {product}</h1>
<div id="isr-product-id">{product}</div>
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
export const revalidate = 60; // ISR: revalidate every 60 seconds
export const dynamicParams = true;

export async function generateStaticParams(): Promise<never[]> {
return [];
}

export default function ISRStaticPage() {
return (
<div>
<h1>ISR Static Page</h1>
<div id="isr-static-marker">static-isr</div>
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
export default function Layout({ children }: { children: React.ReactNode }) {
return (
<html lang="en">
<body>{children}</body>
</html>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
'use client';

import * as Sentry from '@sentry/nextjs';

export default function Page() {
const handleClick = async () => {
Sentry.metrics.count('test.page.count', 1, {
attributes: {
page: '/metrics',
'random.attribute': 'Apples',
},
});
Sentry.metrics.distribution('test.page.distribution', 100, {
attributes: {
page: '/metrics',
'random.attribute': 'Manzanas',
},
});
Sentry.metrics.gauge('test.page.gauge', 200, {
attributes: {
page: '/metrics',
'random.attribute': 'Mele',
},
});
await fetch('/metrics/route-handler');
};

return (
<div>
<h1>Metrics page</h1>
<button onClick={handleClick}>Emit</button>
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
import * as Sentry from '@sentry/nextjs';

export const GET = async () => {
Sentry.metrics.count('test.route.handler.count', 1, {
attributes: {
endpoint: '/metrics/route-handler',
'random.attribute': 'Potatoes',
},
});
Sentry.metrics.distribution('test.route.handler.distribution', 100, {
attributes: {
endpoint: '/metrics/route-handler',
'random.attribute': 'Patatas',
},
});
Sentry.metrics.gauge('test.route.handler.gauge', 200, {
attributes: {
endpoint: '/metrics/route-handler',
'random.attribute': 'Patate',
},
});
return Response.json({ message: 'Bueno' });
};
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
import { Suspense } from 'react';

export const dynamic = 'force-dynamic';

export default async function Page() {
return (
<Suspense fallback={<p>Loading...</p>}>
{/* @ts-ignore */}
Comment thread
logaretm marked this conversation as resolved.
<Crash />;
</Suspense>
);
}

async function Crash() {
throw new Error('I am technically uncatchable');
return <p>unreachable</p>;
}
Comment thread
logaretm marked this conversation as resolved.
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
// No generateStaticParams - this is NOT an ISR page
export default async function NonISRPage({ params }: { params: Promise<{ item: string }> }) {
const { item } = await params;

return (
<div>
<h1>Non-ISR Dynamic Page: {item}</h1>
<div id="non-isr-item-id">{item}</div>
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export default function Page() {
return <p>Next 16 test app</p>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
import { PropsWithChildren } from 'react';

export const dynamic = 'force-dynamic';

export default async function Layout({ children }: PropsWithChildren<unknown>) {
await new Promise(resolve => setTimeout(resolve, 500));
return <>{children}</>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
export const dynamic = 'force-dynamic';

export default async function Page() {
await new Promise(resolve => setTimeout(resolve, 1000));
return <p>I am page 2</p>;
}

export async function generateMetadata() {
(await fetch('https://example.com/', { cache: 'no-store' })).text();

return {
title: 'my title',
};
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export default function ParameterizedPage() {
return <div>Dynamic page two</div>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export default function BeepPage() {
return <div>Beep</div>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export default function ParameterizedPage() {
return <div>Dynamic page one</div>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export default function StaticPage() {
return <div>Static page</div>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
import Link from 'next/link';

export default function Page() {
return (
<Link id="prefetch-link" href="/prefetching/to-be-prefetched">
link
</Link>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
export const dynamic = 'force-dynamic';

export default function Page() {
return <p>Hello</p>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
export default function RedirectDestinationPage() {
return (
<div>
<h1>Redirect Destination</h1>
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
import { redirect } from 'next/navigation';

async function redirectAction() {
'use server';

redirect('/redirect/destination');
}

export default function RedirectOriginPage() {
return (
<>
{/* @ts-ignore */}
Comment thread
logaretm marked this conversation as resolved.
<form action={redirectAction}>
<button type="submit">Redirect me</button>
</form>
</>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
import { NextResponse } from 'next/server';

export const runtime = 'edge';
export const dynamic = 'force-dynamic';

export async function GET() {
return NextResponse.json({ message: 'Hello Edge Route Handler' });
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
import { NextResponse } from 'next/server';

export const dynamic = 'force-dynamic';

export async function GET() {
return NextResponse.json({ message: 'Hello Node Route Handler' });
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
'use client';

import { use } from 'react';

export function RenderPromise({ stringPromise }: { stringPromise: Promise<string> }) {
const s = use(stringPromise);
return <>{s}</>;
}
Loading
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers"); } } catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.

# dependencies
/node_modules
/.pnp
.pnp.*
.yarn/*
!.yarn/patches
!.yarn/plugins
!.yarn/releases
!.yarn/versions

# testing
/coverage

# next.js
/.next/
/out/

# production
/build

# misc
.DS_Store
*.pem

# debug
npm-debug.log*
yarn-debug.log*
yarn-error.log*
.pnpm-debug.log*

# env files (can opt-in for committing if needed)
.env*

# vercel
.vercel

# typescript
*.tsbuildinfo
next-env.d.ts

# Sentry Config File
.env.sentry-build-plugin
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
@sentry:registry=http://127.0.0.1:4873
@sentry-internal:registry=http://127.0.0.1:4873
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
import { PropsWithChildren } from 'react';

export const dynamic = 'force-dynamic';

export default function Layout({ children }: PropsWithChildren<{}>) {
return (
<div>
<p>Layout</p>
{children}
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
import { PropsWithChildren } from 'react';

export const dynamic = 'force-dynamic';

export default function Layout({ children }: PropsWithChildren<{}>) {
return (
<div>
<p>DynamicLayout</p>
{children}
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
export const dynamic = 'force-dynamic';

export default async function Page() {
return (
<div>
<p>Dynamic Page</p>
</div>
);
}

export async function generateMetadata() {
return {
title: 'I am dynamic page generated metadata',
};
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
import { PropsWithChildren } from 'react';

export const dynamic = 'force-dynamic';

export default function Layout({ children }: PropsWithChildren<{}>) {
return (
<div>
<p>Layout</p>
{children}
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
export const dynamic = 'force-dynamic';

export default function Page() {
return <p>Hello World!</p>;
}

export async function generateMetadata() {
return {
title: 'I am generated metadata',
};
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export function GET() {
return Response.json({ name: 'John Doe' });
}
Binary file not shown.
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
'use client';

import * as Sentry from '@sentry/nextjs';
import NextError from 'next/error';
import { useEffect } from 'react';

export default function GlobalError({ error }: { error: Error & { digest?: string } }) {
useEffect(() => {
Sentry.captureException(error);
}, [error]);

return (
<html>
<body>
{/* `NextError` is the default Next.js error page component. Its type
definition requires a `statusCode` prop. However, since the App Router
does not expose status codes for errors, we simply pass 0 to render a
generic error message. */}
<NextError statusCode={0} />
</body>
</html>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
export const revalidate = 60; // ISR: revalidate every 60 seconds
export const dynamicParams = true; // Allow dynamic params beyond generateStaticParams

export async function generateStaticParams(): Promise<Array<{ product: string }>> {
return [{ product: 'laptop' }, { product: 'phone' }, { product: 'tablet' }];
}

export default async function ISRProductPage({ params }: { params: Promise<{ product: string }> }) {
const { product } = await params;

return (
<div>
<h1>ISR Product: {product}</h1>
<div id="isr-product-id">{product}</div>
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
export const revalidate = 60; // ISR: revalidate every 60 seconds
export const dynamicParams = true;

export async function generateStaticParams(): Promise<never[]> {
return [];
}

export default function ISRStaticPage() {
return (
<div>
<h1>ISR Static Page</h1>
<div id="isr-static-marker">static-isr</div>
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
export default function Layout({ children }: { children: React.ReactNode }) {
return (
<html lang="en">
<body>{children}</body>
</html>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
'use client';

import * as Sentry from '@sentry/nextjs';

export default function Page() {
const handleClick = async () => {
Sentry.metrics.count('test.page.count', 1, {
attributes: {
page: '/metrics',
'random.attribute': 'Apples',
},
});
Sentry.metrics.distribution('test.page.distribution', 100, {
attributes: {
page: '/metrics',
'random.attribute': 'Manzanas',
},
});
Sentry.metrics.gauge('test.page.gauge', 200, {
attributes: {
page: '/metrics',
'random.attribute': 'Mele',
},
});
await fetch('/metrics/route-handler');
};

return (
<div>
<h1>Metrics page</h1>
<button onClick={handleClick}>Emit</button>
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
import * as Sentry from '@sentry/nextjs';

export const GET = async () => {
Sentry.metrics.count('test.route.handler.count', 1, {
attributes: {
endpoint: '/metrics/route-handler',
'random.attribute': 'Potatoes',
},
});
Sentry.metrics.distribution('test.route.handler.distribution', 100, {
attributes: {
endpoint: '/metrics/route-handler',
'random.attribute': 'Patatas',
},
});
Sentry.metrics.gauge('test.route.handler.gauge', 200, {
attributes: {
endpoint: '/metrics/route-handler',
'random.attribute': 'Patate',
},
});
return Response.json({ message: 'Bueno' });
};
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
import { Suspense } from 'react';

export const dynamic = 'force-dynamic';

export default async function Page() {
return (
<Suspense fallback={<p>Loading...</p>}>
{/* @ts-ignore */}
Comment thread
logaretm marked this conversation as resolved.
<Crash />;
</Suspense>
);
}

async function Crash() {
throw new Error('I am technically uncatchable');
return <p>unreachable</p>;
}
Comment thread
logaretm marked this conversation as resolved.
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
// No generateStaticParams - this is NOT an ISR page
export default async function NonISRPage({ params }: { params: Promise<{ item: string }> }) {
const { item } = await params;

return (
<div>
<h1>Non-ISR Dynamic Page: {item}</h1>
<div id="non-isr-item-id">{item}</div>
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export default function Page() {
return <p>Next 16 test app</p>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
import { PropsWithChildren } from 'react';

export const dynamic = 'force-dynamic';

export default async function Layout({ children }: PropsWithChildren<unknown>) {
await new Promise(resolve => setTimeout(resolve, 500));
return <>{children}</>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
export const dynamic = 'force-dynamic';

export default async function Page() {
await new Promise(resolve => setTimeout(resolve, 1000));
return <p>I am page 2</p>;
}

export async function generateMetadata() {
(await fetch('https://example.com/', { cache: 'no-store' })).text();

return {
title: 'my title',
};
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export default function ParameterizedPage() {
return <div>Dynamic page two</div>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export default function BeepPage() {
return <div>Beep</div>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export default function ParameterizedPage() {
return <div>Dynamic page one</div>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export default function StaticPage() {
return <div>Static page</div>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
import Link from 'next/link';

export default function Page() {
return (
<Link id="prefetch-link" href="/prefetching/to-be-prefetched">
link
</Link>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
export const dynamic = 'force-dynamic';

export default function Page() {
return <p>Hello</p>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
export default function RedirectDestinationPage() {
return (
<div>
<h1>Redirect Destination</h1>
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
import { redirect } from 'next/navigation';

async function redirectAction() {
'use server';

redirect('/redirect/destination');
}

export default function RedirectOriginPage() {
return (
<>
{/* @ts-ignore */}
Comment thread
logaretm marked this conversation as resolved.
<form action={redirectAction}>
<button type="submit">Redirect me</button>
</form>
</>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
import { NextResponse } from 'next/server';

export const runtime = 'edge';
export const dynamic = 'force-dynamic';

export async function GET() {
return NextResponse.json({ message: 'Hello Edge Route Handler' });
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
import { NextResponse } from 'next/server';

export const dynamic = 'force-dynamic';

export async function GET() {
return NextResponse.json({ message: 'Hello Node Route Handler' });
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
'use client';

import { use } from 'react';

export function RenderPromise({ stringPromise }: { stringPromise: Promise<string> }) {
const s = use(stringPromise);
return <>{s}</>;
}
Loading
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode"); } } catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); } })(); })();
Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.

# dependencies
/node_modules
/.pnp
.pnp.*
.yarn/*
!.yarn/patches
!.yarn/plugins
!.yarn/releases
!.yarn/versions

# testing
/coverage

# next.js
/.next/
/out/

# production
/build

# misc
.DS_Store
*.pem

# debug
npm-debug.log*
yarn-debug.log*
yarn-error.log*
.pnpm-debug.log*

# env files (can opt-in for committing if needed)
.env*

# vercel
.vercel

# typescript
*.tsbuildinfo
next-env.d.ts

# Sentry Config File
.env.sentry-build-plugin
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
@sentry:registry=http://127.0.0.1:4873
@sentry-internal:registry=http://127.0.0.1:4873
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
import { PropsWithChildren } from 'react';

export const dynamic = 'force-dynamic';

export default function Layout({ children }: PropsWithChildren<{}>) {
return (
<div>
<p>Layout</p>
{children}
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
import { PropsWithChildren } from 'react';

export const dynamic = 'force-dynamic';

export default function Layout({ children }: PropsWithChildren<{}>) {
return (
<div>
<p>DynamicLayout</p>
{children}
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
export const dynamic = 'force-dynamic';

export default async function Page() {
return (
<div>
<p>Dynamic Page</p>
</div>
);
}

export async function generateMetadata() {
return {
title: 'I am dynamic page generated metadata',
};
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
import { PropsWithChildren } from 'react';

export const dynamic = 'force-dynamic';

export default function Layout({ children }: PropsWithChildren<{}>) {
return (
<div>
<p>Layout</p>
{children}
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
export const dynamic = 'force-dynamic';

export default function Page() {
return <p>Hello World!</p>;
}

export async function generateMetadata() {
return {
title: 'I am generated metadata',
};
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export function GET() {
return Response.json({ name: 'John Doe' });
}
Binary file not shown.
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
'use client';

import * as Sentry from '@sentry/nextjs';
import NextError from 'next/error';
import { useEffect } from 'react';

export default function GlobalError({ error }: { error: Error & { digest?: string } }) {
useEffect(() => {
Sentry.captureException(error);
}, [error]);

return (
<html>
<body>
{/* `NextError` is the default Next.js error page component. Its type
definition requires a `statusCode` prop. However, since the App Router
does not expose status codes for errors, we simply pass 0 to render a
generic error message. */}
<NextError statusCode={0} />
</body>
</html>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
export const revalidate = 60; // ISR: revalidate every 60 seconds
export const dynamicParams = true; // Allow dynamic params beyond generateStaticParams

export async function generateStaticParams(): Promise<Array<{ product: string }>> {
return [{ product: 'laptop' }, { product: 'phone' }, { product: 'tablet' }];
}

export default async function ISRProductPage({ params }: { params: Promise<{ product: string }> }) {
const { product } = await params;

return (
<div>
<h1>ISR Product: {product}</h1>
<div id="isr-product-id">{product}</div>
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
export const revalidate = 60; // ISR: revalidate every 60 seconds
export const dynamicParams = true;

export async function generateStaticParams(): Promise<never[]> {
return [];
}

export default function ISRStaticPage() {
return (
<div>
<h1>ISR Static Page</h1>
<div id="isr-static-marker">static-isr</div>
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
export default function Layout({ children }: { children: React.ReactNode }) {
return (
<html lang="en">
<body>{children}</body>
</html>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
'use client';

import * as Sentry from '@sentry/nextjs';

export default function Page() {
const handleClick = async () => {
Sentry.metrics.count('test.page.count', 1, {
attributes: {
page: '/metrics',
'random.attribute': 'Apples',
},
});
Sentry.metrics.distribution('test.page.distribution', 100, {
attributes: {
page: '/metrics',
'random.attribute': 'Manzanas',
},
});
Sentry.metrics.gauge('test.page.gauge', 200, {
attributes: {
page: '/metrics',
'random.attribute': 'Mele',
},
});
await fetch('/metrics/route-handler');
};

return (
<div>
<h1>Metrics page</h1>
<button onClick={handleClick}>Emit</button>
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
import * as Sentry from '@sentry/nextjs';

export const GET = async () => {
Sentry.metrics.count('test.route.handler.count', 1, {
attributes: {
endpoint: '/metrics/route-handler',
'random.attribute': 'Potatoes',
},
});
Sentry.metrics.distribution('test.route.handler.distribution', 100, {
attributes: {
endpoint: '/metrics/route-handler',
'random.attribute': 'Patatas',
},
});
Sentry.metrics.gauge('test.route.handler.gauge', 200, {
attributes: {
endpoint: '/metrics/route-handler',
'random.attribute': 'Patate',
},
});
return Response.json({ message: 'Bueno' });
};
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
import { Suspense } from 'react';

export const dynamic = 'force-dynamic';

export default async function Page() {
return (
<Suspense fallback={<p>Loading...</p>}>
{/* @ts-ignore */}
Comment thread
logaretm marked this conversation as resolved.
<Crash />;
</Suspense>
);
}

async function Crash() {
throw new Error('I am technically uncatchable');
return <p>unreachable</p>;
}
Comment thread
logaretm marked this conversation as resolved.
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
// No generateStaticParams - this is NOT an ISR page
export default async function NonISRPage({ params }: { params: Promise<{ item: string }> }) {
const { item } = await params;

return (
<div>
<h1>Non-ISR Dynamic Page: {item}</h1>
<div id="non-isr-item-id">{item}</div>
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export default function Page() {
return <p>Next 16 test app</p>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
import { PropsWithChildren } from 'react';

export const dynamic = 'force-dynamic';

export default async function Layout({ children }: PropsWithChildren<unknown>) {
await new Promise(resolve => setTimeout(resolve, 500));
return <>{children}</>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
export const dynamic = 'force-dynamic';

export default async function Page() {
await new Promise(resolve => setTimeout(resolve, 1000));
return <p>I am page 2</p>;
}

export async function generateMetadata() {
(await fetch('https://example.com/', { cache: 'no-store' })).text();

return {
title: 'my title',
};
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export default function ParameterizedPage() {
return <div>Dynamic page two</div>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export default function BeepPage() {
return <div>Beep</div>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export default function ParameterizedPage() {
return <div>Dynamic page one</div>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
export default function StaticPage() {
return <div>Static page</div>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
import Link from 'next/link';

export default function Page() {
return (
<Link id="prefetch-link" href="/prefetching/to-be-prefetched">
link
</Link>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
export const dynamic = 'force-dynamic';

export default function Page() {
return <p>Hello</p>;
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
export default function RedirectDestinationPage() {
return (
<div>
<h1>Redirect Destination</h1>
</div>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
import { redirect } from 'next/navigation';

async function redirectAction() {
'use server';

redirect('/redirect/destination');
}

export default function RedirectOriginPage() {
return (
<>
{/* @ts-ignore */}
Comment thread
logaretm marked this conversation as resolved.
<form action={redirectAction}>
<button type="submit">Redirect me</button>
</form>
</>
);
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
import { NextResponse } from 'next/server';

export const runtime = 'edge';
export const dynamic = 'force-dynamic';

export async function GET() {
return NextResponse.json({ message: 'Hello Edge Route Handler' });
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
import { NextResponse } from 'next/server';

export const dynamic = 'force-dynamic';

export async function GET() {
return NextResponse.json({ message: 'Hello Node Route Handler' });
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
'use client';

import { use } from 'react';

export function RenderPromise({ stringPromise }: { stringPromise: Promise<string> }) {
const s = use(stringPromise);
return <>{s}</>;
}
Loading