DEV3 Free Status Page Maker — Source Code (Next.js + MongoDB)

Source code of the DEV3 Status Page Maker, a hosted, hand-edited status page with component statuses, incidents and updates, a private editor link and noindex pages.

Free download: sign in to any DEV3 account and click Download ZIP. Try it live: https://dev3.tech/tools/status-page-maker shows the finished tool running.

What is in the download

• Route handlers and pages for the Next.js App Router
• The service layer, Mongoose models and the UI components, in a dev3-tools/ folder that cannot clash with your own files
• README.md (install, environment, customise), .env.example and an MIT LICENSE

What the code does

• Five component statuses with a worst-status headline
• Incidents with timestamped updates
• Editor shared by the creator and the manage page
• Disable and delete through the admin moderation page

Tech stack

Next.js 15 (App Router), React 19, TypeScript, Mongoose on MongoDB, Tailwind CSS 4.

Install and customise

The How to install and How to use tabs list the steps. In short: copy the module into a Next.js app, install the listed packages, add the MongoDB connection string and run it.

Good to know

• This is server code: you need a MongoDB database and your own hosting.
• No monitoring, subscribers or custom domains.