¡Mi tercer proyecto independientetinyship.cny! 🎉🎉 https://t.co/o0BI6W8DRb Puede parecer otra plantilla SaaS, pero no creo que sea reinventar la rueda en absoluto. De hecho, hay muchas plantillas SaaS en el mercado, pero lo que quiero crear es una experiencia completamente nueva y diferente. 1. Compatible con frameworks duales. Para satisfacer a los entusiastas de diferentes frameworks, utiliza un diseño de framework dual de Next.js y Nuxt.js, que además es la primera plantilla Nuxt que he visto en el mercado. 2. Estrategia de mercado dual, totalmente adaptable a proyectos nacionales e internacionales. A nivel nacional, admite inicio de sesión con WeChat, WeChat Pay y SMS en la nube de Alibaba. A nivel internacional, admite pagos con Stripe y Creem, inicio de sesión con OAuth estándar y SMS con Twilio. En lo que respecta a proyectos personales, muchos abogan por la internacionalización, y la mayoría de las plantillas disponibles en el mercado están diseñadas para proyectos internacionales. Sin embargo, creo que el desarrollo independiente no debe ignorar el mercado nacional. Aunque se suele decir que la disposición a pagar es baja en China, a veces es más fácil alcanzar el éxito en el mercado más conocido que en el altamente competitivo mercado extranjero. En cuanto a precios, la mayoría de las plantillas SaaS tienen precios similares a las arquitecturas extranjeras, que suelen oscilar entre $100 y $200. Sin embargo, mi estrategia de precios se centra en ofrecer alta calidad a un precio bajo, lo que hace que mi producto sea asequible para más desarrolladores. Por lo tanto, el precio es de 299 RMB, con un precio anticipado de 199 RMB, que debería ser un precio asequible para la mayoría de la gente. Para más detalles, ver abajo 👇
Arquitectura: Como se mencionó anteriormente, los ingenieros a menudo tienen dificultades con la selección del marco, por lo que utilicé dos de los marcos de pila completa más populares en mi aplicación: Next.js: para entusiastas de React - Nuxt.js: Diseñado para desarrolladores de Vue Soy un entusiasta de Vue. Así que este sitio está desarrollado sobre Vue con Nuxt. Se utiliza una versión simplificada de la arquitectura monorepositorio basada en PNPM, lo que permite que las dos aplicaciones compartan módulos básicos: - Sistema de autenticación unificado - Capa de base de datos compartida - Interfaz de pago consistente - Misma lógica de negocio
Pila de tecnología: Quiero crear un proyecto moderno, full-stack y con un fuerte enfoque técnico, por lo que estoy utilizando las siguientes tecnologías más recientes: TailwindCSS v4: El último framework CSS atómico - shadcn/ui: Una biblioteca de componentes moderna - TypeScript: seguridad de tipos completa - Zod: Validación de tipo en tiempo de ejecución Better-Auth: Sistema de autenticación de nivel empresarial - Drizzle ORM + PostgreSQL: Operaciones de base de datos con seguridad de tipos - CASL: Control de acceso flexible - Vercel AI SDK: Integración de capacidades de IA
Apoyo al sistema dual nacional e internacional Una base de código, cobertura de mercado dual Nacional: inicio de sesión en WeChat e inicio de sesión con número de teléfono móvil Internacional: inicio de sesión en OAuth (Google, GitHub, Apple), inicio de sesión con número de teléfono móvil de Twilio Pago: WeChat Pay, Stripe y Creem Cambio fluido entre los mercados nacionales e internacionales
Arquitectura sin proveedores Adopta una arquitectura sin proveedores, lo que le brinda total libertad para elegir cualquier proveedor de servicios en la nube, base de datos y proveedor de pagos, y utiliza un diseño de API unificada. Todos los proveedores utilizan una interfaz consistente, logrando realmente: - Puedes cambiar simplemente modificando un parámetro. - No es necesario reescribir el código - Capa de servicio completamente desacoplada Los servicios en la nube actualmente integrados son los siguientes y continuamente se irán añadiendo más servicios: Pago: WeChat Pay, Stripe Creem, Alipay (planificado) Servicio de correo electrónico: Reenviar Servicio de SMS: Twilio, Alibaba Cloud
IA y desarrollo asistido por IA: Vercel AI SDK: compatible con múltiples proveedores de IA La aplicación implementa un modelo de diálogo simple y a gran escala con un diseño escalable. Utiliza las últimas tecnologías (AI-SDK, AI-Elements y Streamdown) para lograr una experiencia de chat fluida. Puede ampliarse a funcionalidades más complejas según sea necesario. Se lanzarán demos más complejas continuamente para simplificar aún más su uso. En términos de eficiencia de desarrollo: cada módulo tiene sus propias reglas de cursor y https://t.co/jrvQOAxGGR preescritas, lo que facilita la ampliación de la funcionalidad mediante IA.
Panel de administración integrado El backend de gestión preconfigurado ofrece funciones sencillas de gestión de usuarios, suscripciones y pedidos. Basado en una moderna biblioteca de componentes de interfaz de usuario, admite el control de acceso basado en roles y otras funciones. Le permite centrarse en la lógica empresarial, en lugar del desarrollo repetitivo de la interfaz de gestión.