En Desarrollo

Plantilla de restaurante Next.js con pedidos online y panel de cocina

Food Studio es una plantilla de restaurante Next.js full-stack: un sitio de pedidos con carta, combos, carrito, pago y seguimiento de pedidos, un panel para el equipo con pedidos, carta y cocinas, una API NestJS, herramientas de IA para las fotos de los platos, e inglés y árabe con RTL.

Ordering website: home, menu, dish and combo pages, cart, checkout and order trackingMenu search with category, dietary and sort filters, and allergens on every dishCombo offers and a home page meal builder with a main, a side and a drink
Código fuente completo
Factura disponibleTras la compra, descarga una factura en PDF y gestiona los datos de facturación (NIF/CIF, dirección de empresa) en cualquier momento desde el Portal de clientes de Paddle
Compartir:

Food Studio es una plantilla de restaurante full-stack: un sitio web en Next.js donde los clientes piden a domicilio o para recoger y siguen su pedido, un panel en Next.js donde el equipo gestiona los pedidos, la carta y sus cocinas, y una API NestJS detrás de ambos. Incluye pago con Stripe y PayPal, un estudio de IA para las fotos de los platos, un asistente de IA, e inglés y árabe con RTL.

Demo del sitioDemo del panel del equipo
Home: the hero, the order buttons and the category bar, light theme
Home: the hero, the order buttons and the category bar, light theme. The home page opens on the headline, a burger photograph, the order and menu buttons, three reasons to order and the category bar.
Home: the hero, the order buttons and the category bar, dark theme
Home: the hero, the order buttons and the category bar, dark theme. The home page opens on the headline, a burger photograph, the order and menu buttons, three reasons to order and the category bar.
Dashboard sign-in, light theme
Dashboard sign-in, light theme. The staff dashboard's sign-in page, as a restaurant's own team sees it.
Dashboard sign-in, dark theme
Dashboard sign-in, dark theme. The staff dashboard's sign-in page, as a restaurant's own team sees it.
Abrir el sitioAbrir el panel del equipo
Hero: the plate with its looping steam, dark theme (clip). The website's first screen as it loads: the headline arrives and steam rises from the burger and fries in a loop.
El paquete

Los pedidos online de un restaurante en una sola base de código

Una base conectada para el sitio de pedidos propio de un restaurante, una marca de comida para llevar con varias cocinas o el proyecto de un cliente de agencia, con código fuente que puedes personalizar. El paquete full-stack incluye el sitio, el panel del equipo y la API que los sirve.

Sitio de pedidos

  • Una carta con búsqueda, filtros y alérgenos
  • Páginas de platos y combos con extras e instrucciones
  • Carrito, pago y seguimiento de pedidos
  • Cuentas con puntos y platos guardados

Panel del equipo

  • Las ventas del día y la cola de la cocina
  • Pedidos que avanzan por sus estados
  • Un editor de platos en inglés y árabe
  • Estudio de IA, asistente, equipo y ajustes

API NestJS

  • Autenticación del equipo y de los clientes, roles y permisos
  • Precios, totales y disponibilidad decididos en el servidor
  • Stripe y PayPal con webhooks firmados
  • Un seeder que crea un restaurante de demostración completo
La carta

Una carta en la que cada cliente encuentra su comida

Búsqueda por nombre, filtros por categoría o dieta, orden por popularidad, precio o nombre, y cada plato se abre con sus ingredientes, sus alérgenos y sus reseñas. Cada plato es una foto recortada sobre su propia tarjeta, nunca cortada.

Menu with search, category, dietary and sort filters, light theme
Menu with search, category, dietary and sort filters, light theme. The full menu: search, category, dietary and sort controls, the category bar, and every dish as a card with its price.
Menu with search, category, dietary and sort filters, dark theme
Menu with search, category, dietary and sort filters, dark theme. The full menu: search, category, dietary and sort controls, the category bar, and every dish as a card with its price.
Dish page with instructions, quantity and allergens, light theme
Dish page with instructions, quantity and allergens, light theme. A dish with its cut-out photo, price, special instructions, quantity, add to cart, allergen chips and the ingredients, allergens and reviews tabs.
Dish page with instructions, quantity and allergens, dark theme
Dish page with instructions, quantity and allergens, dark theme. A dish with its cut-out photo, price, special instructions, quantity, add to cart, allergen chips and the ingredients, allergens and reviews tabs.

Combos con una elección para cada plato

Un combo tiene un precio único y pide un principal, un acompañamiento y una bebida. Cambiar una elección por otra más cara suma solo la diferencia, y la página muestra el ahorro frente a pedir los mismos platos por separado.

  • Las elecciones obligatorias comprobadas antes de llegar al carrito
  • Extras con el precio escrito en palabras, nunca con un signo más
  • Las mismas reglas de precio en la página y en el servidor
Combo page with a choice per course, light theme
Combo page with a choice per course, light theme. The combo offer: the saving against ordering separately and a required choice of main, side and drink, extras priced in words.
Combo page with a choice per course, dark theme
Combo page with a choice per course, dark theme. The combo offer: the saving against ordering separately and a required choice of main, side and drink, extras priced in words.

Un armador de comidas en la página de inicio

Los clientes eligen un principal, un acompañamiento y una bebida como tarjetas y los ven juntos como una sola comida. Mientras nadie lo toca, el armador pasa por las combinaciones solo, y Ver comida abre el combo con esas elecciones ya hechas.

  • Platos tomados del combo que configura el equipo
  • Elegido y colocado en el editor de la página de inicio
  • Funciona igual en árabe, de derecha a izquierda
Home: the meal builder, light theme
Home: the meal builder, light theme. A main, a side and a drink chosen as cards, drawn together as one meal picture beside them, with View meal opening the combo.
Home: the meal builder, dark theme
Home: the meal builder, dark theme. A main, a side and a drink chosen as cards, drawn together as one meal picture beside them, with View meal opening the combo.
Carrito y pago

Del carrito a un pedido pagado

Los clientes eligen entrega o recogida, y la entrega se comprueba con los códigos postales, el horario y el pedido mínimo de la cocina antes del pago. Los códigos promocionales, las tarifas y los descuentos por puntos los aplica el servidor, que calcula cada precio en céntimos.

Cart with delivery or pickup, light theme
Cart with delivery or pickup, light theme. Two dishes in the cart with their quantities, delivery or pickup, the delivery address, a promo code field and the order summary.
Cart with delivery or pickup, dark theme
Cart with delivery or pickup, dark theme. Two dishes in the cart with their quantities, delivery or pickup, the delivery address, a promo code field and the order summary.
Checkout with hosted payment, light theme
Checkout with hosted payment, light theme. Contact details, delivery method and address, then the payment choice (card or PayPal on the provider's own page), reward points and the total.
Checkout with hosted payment, dark theme
Checkout with hosted payment, dark theme. Contact details, delivery method and address, then the payment choice (card or PayPal on the provider's own page), reward points and the total.

El pago en la página del propio proveedor

El pago lleva al cliente a Stripe Checkout o a PayPal y confirma el pedido a partir del webhook firmado del proveedor, así que el sitio nunca muestra un campo de tarjeta.

  • Un solo pedido por pago, aunque se envíe varias veces
  • Un pago de demostración mientras no haya un procesador real configurado
  • Stock reservado para un pedido pendiente y liberado si el pago falla
  • Una línea de estados que se actualiza cada diez segundos
Order tracking: the order being prepared, light theme
Order tracking: the order being prepared, light theme. A customer's order in the kitchen: the status timeline from placed to delivered, the items, the totals and the delivery address.
Order tracking: the order being prepared, dark theme
Order tracking: the order being prepared, dark theme. A customer's order in the kitchen: the status timeline from placed to delivered, the items, the totals and the delivery address.

Cuentas que hacen volver a los clientes

Una cuenta de cliente guarda el carrito en el servidor, los platos guardados, las direcciones y cada pedido anterior con un botón para repetirlo. Los invitados pueden seguir pidiendo y siguiendo su pedido sin registrarse.

  • Un punto por dólar, abonado cuando se entrega el pedido
  • 100 puntos descuentan 5 $, una vez por pedido
  • El carrito y los platos guardados de un invitado se conservan al iniciar sesión
Account: reward points, recent orders, saved dishes, light theme
Account: reward points, recent orders, saved dishes, light theme. The signed-in customer's overview: reward points, profile and default address, recent orders with track and reorder, and saved favorites.
Account: reward points, recent orders, saved dishes, dark theme
Account: reward points, recent orders, saved dishes, dark theme. The signed-in customer's overview: reward points, profile and default address, recent orders with track and reorder, and saved favorites.
Cocinas

Varias cocinas, cada una con su zona

Cada cocina tiene su horario en su propia zona horaria, turnos de noche incluidos, y los códigos postales a los que entrega. Una búsqueda por código postal le dice al cliente si una cocina entrega allí, si está cerrada ahora o qué otra cocina puede tomar el pedido, sobre un mapa real.

Kitchens on a real map, with a postcode search, light theme
Kitchens on a real map, with a postcode search, light theme. Find a kitchen: a postcode search for delivery or pickup, each kitchen with its hours, preparation time and delivery postcodes, pinned on a map.
Kitchens on a real map, with a postcode search, dark theme
Kitchens on a real map, with a postcode search, dark theme. Find a kitchen: a postcode search for delivery or pickup, each kitchen with its hours, preparation time and delivery postcodes, pinned on a map.
Our story, light theme
Our story, light theme. The about page: the restaurant's story beside a kitchen photograph, with the way to the menu and to a kitchen.
Our story, dark theme
Our story, dark theme. The about page: the restaurant's story beside a kitchen photograph, with the way to the menu and to a kitchen.
Contact form and kitchen hours, light theme
Contact form and kitchen hours, light theme. A contact form beside the restaurant's email and phone and every kitchen's address and opening hours.
Contact form and kitchen hours, dark theme
Contact form and kitchen hours, dark theme. A contact form beside the restaurant's email and phone and every kitchen's address and opening hours.
El día del restaurante

Un panel construido alrededor de los pedidos y la cocina

El resumen se abre con los ingresos, los pedidos, el ticket medio y los pedidos en preparación de hoy frente al día anterior, con los ingresos a lo largo del día, el reparto por categoría, los platos más populares y la cola de la cocina. Un pedido nuevo lo actualiza en cuanto llega.

Dashboard overview: today's sales and the kitchen queue, light theme
Dashboard overview: today's sales and the kitchen queue, light theme. Revenue, orders, average order value and orders in preparation against the previous day, the revenue chart through the day, the preparation queue and the category mix.
Dashboard overview: today's sales and the kitchen queue, dark theme
Dashboard overview: today's sales and the kitchen queue, dark theme. Revenue, orders, average order value and orders in preparation against the previous day, the revenue chart through the day, the preparation queue and the category mix.

Pedidos con su línea de tiempo

Cada pedido se abre en un panel con sus artículos, el cliente, los totales y la línea de tiempo de cada cambio. Solo se ofrecen los siguientes pasos que tienen sentido, y el servidor rechaza cualquier otro.

  • Los pedidos para recoger se saltan el paso de entrega
  • Un motivo obligatorio para cancelar
  • Una notificación en cuanto llega un pedido
Orders with the timeline of the selected order, light theme
Orders with the timeline of the selected order, light theme. Every order with its customer, total and status beside the selected order's details, items and timeline, and the control that moves it on.
Orders with the timeline of the selected order, dark theme
Orders with the timeline of the selected order, dark theme. Every order with its customer, total and status beside the selected order's details, items and timeline, and the control that moves it on.

Un editor de platos en dos idiomas

Nombre, descripción e ingredientes en inglés y árabe, fotos o un vídeo, una categoría, un tiempo de preparación, alérgenos y etiquetas dietéticas, y extras en grupos con su propio mínimo, máximo y precios.

  • Disponibilidad activada en cada fila de la carta
  • Stock opcional que rechaza un pedido que no puede servir
  • Listas de destacados, más vendidos y archivados
Menu item editor, bilingual, light theme
Menu item editor, bilingual, light theme. Editing a dish in English and Arabic: name, description, price, category, preparation time, ingredients, extras, availability switches and allergens.
Menu item editor, bilingual, dark theme
Menu item editor, bilingual, dark theme. Editing a dish in English and Arabic: name, description, price, category, preparation time, ingredients, extras, availability switches and allergens.
Menu management, light theme
Menu management, light theme. Dishes with their price, preparation time, status and an availability switch on each row, with counts for published, unpublished, unavailable and featured dishes.
Menu management, dark theme
Menu management, dark theme. Dishes with their price, preparation time, status and an availability switch on each row, with counts for published, unpublished, unavailable and featured dishes.
Categories, light theme
Categories, light theme. Menu categories with their icons, status, dish counts and sort order.
Categories, dark theme
Categories, dark theme. Menu categories with their icons, status, dish counts and sort order.

La página de inicio, sección por sección

Las nueve secciones de la página de inicio se activan o desactivan, se suben o bajan y se editan en su sitio: la portada, las categorías, los platos populares, el combo, el armador de comidas, los ingredientes, la entrega, los puntos y las preguntas.

  • Cada texto en inglés y árabe
  • Platos populares elegidos de la carta
  • Sin tocar el código para reordenar la página
Homepage sections, light theme
Homepage sections, light theme. The nine sections of the home page in order, each switched on or off, moved up or down, and opened to edit what it says.
Homepage sections, dark theme
Homepage sections, dark theme. The nine sections of the home page in order, each switched on or off, moved up or down, and opened to edit what it says.

Los clientes y sus puntos

Cada cliente con sus datos de contacto, sus puntos y la fecha en que se unió, filtrado por nombre, teléfono, correo y fecha.

  • Una página de detalle por cliente
  • Clientes eliminados apartados y recuperables
  • Puntos registrados en un historial por cada pedido
Customers with their reward points, light theme
Customers with their reward points, light theme. Customers with their email, phone, reward points, verification and join date, filtered by name, phone, email and date.
Customers with their reward points, dark theme
Customers with their reward points, dark theme. Customers with their email, phone, reward points, verification and join date, filtered by name, phone, email and date.

Un equipo con roles y cocinas

Propietarios, encargados y personal de cocina reciben los permisos que permite su rol, y los roles se editan permiso por permiso. Una cuenta de cocina ve solo los pedidos de su propia cocina, sin precios, y los pasa de confirmado a listo.

  • Opciones de menú y acciones ocultas sin el permiso
  • Roles creados y editados desde el panel
  • Cada cuenta de cocina vinculada a una cocina
Team with roles and kitchens, light theme
Team with roles and kitchens, light theme. Staff members with their role (owner, manager or kitchen) and the kitchen each one works in.
Team with roles and kitchens, dark theme
Team with roles and kitchens, dark theme. Staff members with their role (owner, manager or kitchen) and the kitchen each one works in.

Ajustes que son del restaurante

Las cocinas situadas en un mapa con su horario y sus códigos postales, las tarifas de entrega y recogida, el pedido mínimo, las reglas de puntos, los códigos promocionales y los métodos de pago ofrecidos al pagar.

  • Un selector de ubicación sobre un mapa real
  • Códigos promocionales que se combinan o no con los puntos
  • El idioma y el tema del panel
Settings: kitchens on a map, light theme
Settings: kitchens on a map, light theme. The restaurant's kitchens pinned on a real map, each with its hours, preparation time, open state, edit and delete.
Settings: kitchens on a map, dark theme
Settings: kitchens on a map, dark theme. The restaurant's kitchens pinned on a real map, each with its hours, preparation time, open state, edit and delete.
IA para la carta

Fotos y fichas de platos sin estudio fotográfico

El estudio de IA redacta el nombre, la descripción y los detalles de un plato a partir de una indicación o de hasta cuatro fotos, y retoca una foto del plato con Google Gemini con el encuadre, el fondo y la luz elegidos.

Quitar el fondo en tu propio servidor

Recortar un plato de su fondo se ejecuta en la API con un modelo local. No necesita clave y no cuesta nada por foto, y así cada plato de la carta queda sobre su propia tarjeta.

  • Un deslizador de antes y después en cada resultado
  • Encuadres predefinidos: foto de carta, vista cenital, primer plano o recorte
  • Clips opcionales a partir de una foto con tu propia clave de Higgsfield
AI studio for dish photos, light theme
AI studio for dish photos, light theme. A dish's photo with background removal on the server, background and lighting choices and a prompt for a restyled version.
AI studio for dish photos, dark theme
AI studio for dish photos, dark theme. A dish's photo with background removal on the server, background and lighting choices and a prompt for a restyled version.

Un asistente que conoce el restaurante

Pregunta cuántos pedidos llegaron hoy o qué platos se venden más esta semana. El asistente responde con los propios datos del restaurante mediante herramientas MCP, limitadas a lo que puede ver quien pregunta, y dibuja un gráfico cuando la pregunta trata de una tendencia.

  • Cambios propuestos con un antes y después, aplicados solo al confirmarlos
  • Modelos de Google Gemini con tu propia clave
  • Las mismas 56 herramientas abiertas a agentes de código en el endpoint MCP
AI assistant answering a question, dark theme (clip). A question typed into the staff dashboard's assistant, answered from the restaurant's own orders with a revenue chart for the last 7 days.
Bilingüe

Inglés y árabe, en ambas direcciones

Cada pantalla del sitio y del panel está escrita en los dos idiomas y se invierte para el árabe, y la propia carta se guarda en los dos idiomas, con precios y cifras en dígitos latinos.

Arabic home page, right to left, light theme
Arabic home page, right to left, light theme. The home page in Arabic: the layout mirrored right to left, the photograph on the other side and every word translated.
Arabic home page, right to left, dark theme
Arabic home page, right to left, dark theme. The home page in Arabic: the layout mirrored right to left, the photograph on the other side and every word translated.
Arabic menu, light theme
Arabic menu, light theme. The menu in Arabic, right to left, with the filters, the category bar and the dish cards mirrored.
Arabic menu, dark theme
Arabic menu, dark theme. The menu in Arabic, right to left, with the filters, the category bar and the dish cards mirrored.

El panel en árabe

Los mismos componentes funcionan de derecha a izquierda, así que no hay un segundo diseño que mantener.

  • Platos escritos en los dos idiomas desde un solo editor
  • Gráficos, tablas y menús invertidos para el árabe
  • Cifras en dígitos latinos en ambos idiomas
Arabic dashboard overview, right to left, light theme
Arabic dashboard overview, right to left, light theme. The dashboard overview in Arabic: the sidebar on the right, the chart reversed and every figure in Latin digits.
Arabic dashboard overview, right to left, dark theme
Arabic dashboard overview, right to left, dark theme. The dashboard overview in Arabic: the sidebar on the right, the chart reversed and every figure in Latin digits.
Responsive

Pensado para el móvil de un cliente con hambre

La carta, las páginas de platos, el carrito y el pago están pensados para una pantalla estrecha, con la dirección de entrega arriba y una barra de navegación abajo, al alcance del pulgar.

Home on a phone, light theme
Home on a phone, light theme. The home page at phone width with the delivery address row and the bottom navigation.
Home on a phone, dark theme
Home on a phone, dark theme. The home page at phone width with the delivery address row and the bottom navigation.
Dish page on a phone, light theme
Dish page on a phone, light theme. A dish at phone width: its photo, the ingredients tab and the bottom navigation.
Dish page on a phone, dark theme
Dish page on a phone, dark theme. A dish at phone width: its photo, the ingredients tab and the bottom navigation.
Lo que obtienes

Todo para ponerlo en marcha, no solo las pantallas

El código fuente de las tres apps, los datos de partida y la documentación para llevarlo más lejos.

Código fuente

  • El sitio, el panel del equipo y la API
  • TypeScript en todo, con dependencias en versiones fijas
  • Una licencia comercial para tu proyecto

Datos

  • Un seeder con 64 platos, 8 categorías y 4 cocinas
  • Seis semanas de pedidos, reseñas y clientes
  • Un propietario, un encargado, una cuenta de cocina y un cliente

Docs y modo demo

  • Un inicio rápido para el conjunto y para cada app
  • Una guía por módulo de la API y otra para la marca de cada frontend
  • Un modo demo para vistas públicas, desactivado por defecto y eliminado con un comando
Por dentro

Construye sobre una base full-stack conocida

Next.js 16, React 19, TypeScript, Tailwind CSS 4 y un backend NestJS modular.

Frontend

  • Next.js 16 App Router, React 19, TypeScript
  • Tailwind CSS 4
  • TanStack Query para los datos de la API
  • React Hook Form y Zod para los formularios
  • next-intl para la traducción, MapLibre para los mapas

Backend

  • NestJS con un módulo por dominio
  • TypeORM con SQLite, o MySQL por configuración
  • Autenticación JWT con roles y permisos
  • Socket.io para notificaciones en directo
  • Un servidor MCP protegido por una clave de API

Búsqueda y medios

  • Metadatos, hreflang, sitemap y reglas de robots
  • Datos estructurados de restaurante
  • Subidas a una carpeta local o a un bucket de Cloudflare R2
Antes de lanzar

Lo que configuras tú

Food Studio es una plantilla de código fuente, no un servicio de pedidos gestionado. Configura tu alojamiento, tu base de datos, el almacenamiento de medios, tus cuentas de pago y los servicios externos que decidas usar.

Alojamiento y datos

  • Un servidor Node para la API y las dos apps Next.js
  • SQLite en un disco persistente, o MySQL
  • Una carpeta persistente o un bucket R2 para las subidas

Pagos e IA

  • Tus propias cuentas de Stripe y PayPal
  • Tu propia clave de Google Gemini para el estudio y el asistente
  • Las tarifas de proveedores y pagos no están incluidas

No incluido

  • Correos de confirmación de pedido
  • Pedidos para más tarde
  • Propinas, líneas de impuestos y pago contra entrega
  • Un formulario de reseñas en el sitio
Explora

Explora Food Studio antes de construir

Haz un pedido en el sitio como invitado y luego abre el panel del equipo, cuya página de acceso te inicia sesión con tu propia cuenta de demostración. Lo que cambies en el panel es solo tuyo, y los datos de demostración se reconstruyen cada noche. En la demo, los pedidos se pagan con pagos de prueba, y el estudio de IA y el asistente funcionan con tu propia clave de Google Gemini. Las capturas usan datos de ejemplo.

Home: popular dishes and the combo offer, light theme
Home: popular dishes and the combo offer, light theme. The popular row with each dish on its own tile, price and add to cart button, and the combo offer below it with its price.
Home: popular dishes and the combo offer, dark theme
Home: popular dishes and the combo offer, dark theme. The popular row with each dish on its own tile, price and add to cart button, and the combo offer below it with its price.
Demo del sitioDemo del panel del equipo
Ideal para

Crea los pedidos online de tu restaurante con Food Studio

Restaurantes que reciben pedidos onlineMarcas de hamburguesas, pizzas y comida para llevarRestaurantes con varias cocinasAgencias que crean el sitio de un restauranteFundadores que lanzan un producto de pedidos de comidaCartas bilingües con árabe y RTL

Especificaciones Técnicas

Framework

Next.js 16.3.6

Versión de React

React 19.3.0

Estilo

Tailwind CSS 4.3.3

TypeScript

Sí

Responsivo

Móvil, Tableta, Escritorio

Período de Soporte

Lifetime Incluido

Consejo Pro: Todas las plantillas incluyen documentación completa para ayudarte a comenzar rápidamente.

Preguntas frecuentes

¿Qué recibo al comprar esta plantilla?
El código fuente completo del paquete que elijas, descargado desde tu panel personal justo después del pago. Hay una factura de empresa disponible para cada compra.
¿Puedo usarla en proyectos comerciales o de clientes?
Sí. Cada plantilla de pago incluye una licencia Comercial que cubre un proyecto comercial, incluido el trabajo que entregues a un cliente. Para reutilizar la misma plantilla en varios proyectos, elige la licencia de Agencia, que cubre proyectos ilimitados.
¿Recibo actualizaciones después de comprar?
Sí. Las actualizaciones son gratuitas. Las nuevas versiones aparecen en tu panel, donde puedes volver a descargar tus archivos en cualquier momento.
¿Incluye soporte?
Sí. El asistente de esta página responde en segundos y el soporte por correo está incluido en cada compra, en support@aniq-ui.com, con respuesta en 4 horas.
¿Puedo probarla antes de comprar?
Sí. Esta plantilla tiene una demo completa en línea, enlazada arriba en esta página, para recorrer la versión real antes de decidir.

Plantillas Relacionadas

Plantilla inmobiliaria Next.js con panel de agencia y home staging con IA - Next.js Plantillas Inmobiliarias Next.js template preview - Aniq-UI

Inmobiliaria

$179
Plantillas Inmobiliarias Next.js
Full Stack
Nuevo
IA

Velra es una plantilla inmobiliaria Next.js full-stack: un sitio público para comprar y alquilar, un panel de agencia para propiedades, contactos y visitas, una API NestJS, home staging virtual con IA, e inglés y árabe con RTL.

Ver Plantilla
Panel de fitness y coaching Next.js con asistente de IA - Next.js Plantillas de Salud y Fitness Next.js template preview - Aniq-UI

Fitness

$149
Plantillas de Salud y Fitness Next.js
Full Stack
Nuevo
IA
Claro y oscuro

Kinora es una plantilla de coaching fitness Next.js full-stack con backend NestJS, asistente de IA, lista de clientes, registro de entrenamientos, planificador de comidas y árabe RTL.

Ver Plantilla
Plantilla LMS Next.js con IA y clases en vivo - Next.js Education template preview - Aniq-UI

E-Learning

$179
Education
Full Stack
Nuevo
IA
Claro y oscuro

Learnio es una plantilla LMS Next.js full-stack con backend NestJS, asistente de IA, clases en vivo, pago con Stripe, cuestionarios, certificados y árabe RTL.

Ver Plantilla

Next.js Templates Ventajas Técnicas

Nuestras plantillas React están diseñadas con optimización de rendimiento, integración de TypeScript y arquitectura amigable para desarrolladores para acelerar el desarrollo de su aplicación web.

Diseño Responsivo

Next.js Templates totalmente adaptables con puntos de interrupción responsivos para optimización de visualización en móviles, tabletas y escritorio.

Accesibilidad

HTML semántico, atributos ARIA y navegación por teclado, construidos pensando en la accesibilidad.

Alto Rendimiento

Construida sobre el App Router de Next.js con componentes de servidor y recursos optimizados, para que las páginas sigan siendo rápidas al crecer.

Soporte TypeScript

Arquitectura App Router de Next.js con componentes de servidor para reducir JavaScript del lado del cliente y métricas más rápidas de tiempo para interactividad.

Características de Nivel Empresarial Incluidas:

Experiencia del Desarrollador

Kit de herramientas de desarrollo de nivel empresarial

  • TypeScript 5.0+ con verificación estricta de tipos
  • Arquitectura de componentes de servidor y cliente
  • Documentación JSDoc completa

UX y Rendimiento

Métricas de experiencia de usuario optimizadas

  • Sistema de diseño responsivo mobile-first
  • Marcado accesible con ARIA y navegación por teclado
  • Renderizado rápido con componentes de servidor y recursos optimizados

Mantenimiento y Soporte

Sostenibilidad del proyecto a largo plazo

  • Soporte incluido con su compra
  • Actualizaciones regulares de seguridad y framework
  • Estructura semántica optimizada para SEO

Todas las Next.js Templates implementan patrones modernos de React 19, arquitectura App Router y optimización de Web Vitals para un rendimiento favorable al SEO.

world map

Comunidad Global de Usuarios

Únete a miles de desarrolladores en todo el mundo que confían en Aniq-UI para sus proyectos. Nuestras plantillas se utilizan en todo el mundo para crear experiencias web impresionantes.

InicioPlantillasBlog
Aniq-uiAniq-ui

Preferencias de Cookies

Utilizamos cookies para mejorar tu experiencia de navegación, analizar el tráfico del sitio y personalizar el contenido. Al hacer clic en "Aceptar Todo", consientes nuestro uso de cookies para análisis y publicidad personalizada.