Nekro Edge Template
一个基于 Cloudflare 构建的、生产级的、类型安全的全栈 Web 应用模板；Hono / React / Vite / MaterialUI / UnoCSS / Zod / OpenAPI
Overview
NekroEdge is an innovative full-stack application template built on the Cloudflare technology stack, utilising Hono, React, and D1. Designed for developers who appreciate a modern approach, this template promises an out-of-the-box development experience with end-to-end type safety. Whether you're building a small project or a production-ready application, NekroEdge aims to streamline the development process while incorporating the latest web technologies.
With a focus on simplicity and efficiency, creating and deploying your application can be achieved in just a few minutes. Ideal for teams and individual developers looking to leverage the Cloudflare ecosystem, NekroEdge provides all the necessary tools and components to kickstart your next big project.
Features
- Full-Stack Framework: Built on Hono + React for a complete solution on Cloudflare Workers.
- Modern Development: Utilizes Vite and TypeScript for a lightning-fast development experience.
- User Authentication: Seamless integration with GitHub OAuth for easy user login.
- UI Components: Incorporates Material-UI and UnoCSS for a comprehensive design system.
- Database Solution: Features Cloudflare D1 and Drizzle ORM for a type-safe serverless database.
- Theme System: Includes built-in light/dark mode switching for flexible UI options.
- Automatic Documentation: Integrates Swagger UI for easy API documentation management.
- One-Click Deployment: Full configuration for Cloudflare Pages, simplifying the deployment process.
Overall, NekroEdge stands out as a potent framework for developers eager to harness Cloudflare's capabilities while ensuring a robust and enjoyable development workflow.
- Hono
Hono is an ultrafast web framework designed for edge computing environments. It's lightweight, supports multiple runtimes including Cloudflare Workers, Deno, and Bun, and provides a familiar Express-like API with excellent TypeScript support.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- TanStack
TanStack is a collection of high-quality, framework-agnostic libraries including TanStack Query for data fetching, TanStack Router for routing, TanStack Table for tables, and more. These tools provide powerful, type-safe solutions for common web development challenges.
- Vite
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects
- UnoCSS
UnoCSS is an instant, on-demand atomic CSS engine that generates utility classes at build time. It's highly customizable, extremely fast, and compatible with Tailwind CSS utilities while offering additional features like attributify mode and pure CSS icons.
- Material UI
material-ui adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.
- Drizzle ORM
Drizzle ORM is a TypeScript ORM for SQL databases designed with maximum type safety in mind. It comes with a drizzle-kit CLI companion for automatic SQL migrations generation. Drizzle ORM is meant to be a library, not a framework. It stays as an opt-in solution all the time at any levels.
- Fullstack
A fullstack boilerplate provides a starter application that includes both frontend and backend. It should include database, auth, payments, user roles and other backend services to build a fully featured saas or webapps.
- Framer Motion
Alpine.js is a lightweight JavaScript framework that simplifies the process of creating dynamic, reactive user interfaces on the web. It uses a declarative syntax that offers a higher level of abstraction compared to vanilla JavaScript, while being more performant and easier to use than jQuery.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.
- Zod
Zod is a TypeScript-first schema declaration and validation library. It allows you to define schemas that can validate data at runtime while providing excellent TypeScript inference, making it perfect for API validation, form validation, and type-safe data handling.