How to Build a Status and Uptime Page in Next.js
Create a public status page with service health indicators, incident history, and uptime percentages in Next.js.
Founder, RCB Software
4352 articles publishedΒ· Page 355
Create a public status page with service health indicators, incident history, and uptime percentages in Next.js.
Create a webhook management system with endpoint registration, event delivery, retry logic, and delivery logs in Next.js.
Build a collection of essential custom React hooks for local storage, debounce, media queries, click outside, and more.
Create a feature-rich data table with sorting, filtering, pagination, and column visibility using TanStack Table in React.
Integrate Sentry with Next.js for real-time error tracking. Capture server and client errors, source maps, and performance data.
Structure a multi-tenant SaaS application in Next.js with subdomain routing, tenant isolation, and shared infrastructure.
Build a complete Stripe subscription system with plan selection, customer portal, usage metering, and webhook handling.
Accessibility overlay widgets promise one-line compliance. They do not deliver. Compare overlays vs building accessible websites properly.
Create accessible form components with proper labels, error messages, keyboard navigation, and screen reader support.
Generate a dynamic sitemap.xml and robots.txt in Next.js App Router. Covers static pages, dynamic routes, blog posts, and sitemap indexing for large sites.
Set up file storage with AWS S3 or S3-compatible services in Next.js using presigned URLs for secure uploads and downloads.
Build an image cropping and resizing tool with react-image-crop, aspect ratio control, and upload preview.