Issueless

Issueless is a JAMStack issue tracker boilerplate inspired by GitHub issues, built on Next.js with hybrid static and server rendering, serverless API routes, and Prisma for database access.

What is Issueless?

Issueless is a JAMStack issue tracker project inspired by GitHub issues, with a live demo at issueless.vercel.app. It takes issue tracking data and presents it through a GitHub-like interface using React and Material UI, with backend logic handled by serverless API routes. Prisma is the ORM, supporting PostgreSQL, MySQL, and SQLite, and NextAuth.js provides OAuth sign-in. The project is structured as a Next.js application with static and server rendering combined.

Key Features

• Hybrid static & server rendering — Next.js renders static pages where possible and server-renders dynamic issue data, balancing performance and freshness.
• Serverless API routes — CRUD operations run as Next.js serverless functions, so no separate backend server is needed.
• OAuth sign-in services — NextAuth.js integrates multiple OAuth providers for authentication.
• Markdown support — react-markdown renders issue text as formatted Markdown.
• Custom MUI theme — Material UI is configured with a custom theme for a consistent UI.
• Form stack — Formik, Formik-material-ui, and Yup handle forms and validation.
• Data fetching — SWR is used for client-side remote data fetching and caching.
• Date handling — Date-fns provides date utilities for timestamps.

Who is it for?

Developers who want a customizable issue tracker built on the JAMStack can use Issueless as a starting point. It suits teams wanting a GitHub-issues-like workflow without relying on GitHub itself, and Next.js developers who want a working example of hybrid rendering, serverless functions, Prisma, and NextAuth all together.

What can you do with Issueless?

• Product teams: Deploy an internal issue tracker with Markdown descriptions and OAuth sign-in.
• Developers: Extend the template by modifying Prisma schema for custom fields, labels, or states.
• Designers: Adjust the Material UI theme to match a product's branding while keeping the issue-tracking logic.

How does Issueless work?

The app uses Next.js hybrid rendering: static generation for stable pages and server rendering for dynamic data. Serverless API routes handle issue operations using Prisma to access the database. NextAuth.js manages OAuth sessions, and SWR refreshes data on the client without full page reloads.