Boilerplate

A full-stack boilerplate using Next.js App Router, showcasing the implementation of Emblor, a powerful and configurable multi-tag input component. This example demonstrates a realistic use case by allowing users to add and validate domains for organizations. It includes validation logic to ensure only valid domain names are accepted, and integrates tightly with editable organization forms.

Features

• Next.js App Router for modern frontend development.
• Emblor: a configurable and reusable multi-tag input component.
• Domain validation: ensures each input is a valid domain format.
• Example usage in an editable organization form.
• Rich UX with keyboard navigation, tag deletion, and validation feedback.
• TypeScript support for type-safe development.
• Clean, modular UI with shadcn/ui components.

Use Case

Ideal for developers building interfaces that require multi-value input such as tags, emails, domains, or categories. This boilerplate showcases a detailed and real-world example, adding domains to an organization, making it a perfect foundation for admin dashboards, SaaS management panels, and form-driven applications. 🚀