01 · Diseño
Diseño Responsivo
Diseños para móvil, tableta y escritorio con un solo conjunto de componentes, un menú móvil y zonas táctiles de 44px.
Saber más: Diseño ResponsivoFood 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.
Full Stack
Sitio de pedidos, Panel del equipo y API Backend
Precio original: $149, $104.30 (Precio en BRL: Precio original: R$747, R$522.90)
Precio de lanzamiento · 30% de descuento para los primeros 3 compradores
+ IOF (3,5 %) · Paga con Pix o tarjetaPaga en reales con Pix o tarjeta. Brasil añade un 3,5 % de impuesto IOF al pagar.
Pagos seguros y protegidos con Paddle
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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 cliente con sus datos de contacto, sus puntos y la fecha en que se unió, filtrado por nombre, teléfono, correo y fecha.
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.
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.
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.
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.
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.
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.
Los mismos componentes funcionan de derecha a izquierda, así que no hay un segundo diseño que mantener.
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.
El código fuente de las tres apps, los datos de partida y la documentación para llevarlo más lejos.
Next.js 16, React 19, TypeScript, Tailwind CSS 4 y un backend NestJS modular.
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.
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.
Next.js 16.3.6
React 19.3.0
Tailwind CSS 4.3.3
Sí
Móvil, Tableta, Escritorio
Lifetime Incluido
Consejo Pro: Todas las plantillas incluyen documentación completa para ayudarte a comenzar rápidamente.
Precios
Un solo pago por el código fuente completo, tuyo para modificarlo y publicarlo.
Todo incluido
Sitio de pedidos + panel del equipo + API NestJS con TypeORM, autenticación y pagos
Qué incluye
Precio de lanzamiento · 30% de descuento
O compra una sola parte
El sitio de pedidos Next.js 16 por separado. Funciona desde el primer momento con datos de ejemplo integrados, y lee tus propios datos de la API de Food Studio, que se vende aparte como API Backend o junto con todo en Full Stack.
Precio de lanzamiento · 30% de descuento
El panel del equipo Next.js 16 por separado. Funciona desde el primer momento con datos de ejemplo integrados, y lee tus propios datos de la API de Food Studio, que se vende aparte como API Backend o junto con todo en Full Stack.
Precio de lanzamiento · 30% de descuento
La API NestJS por separado, con TypeORM, auth JWT, pedidos, pagos, cocinas, puntos, estudio de IA, herramientas MCP y un seeder de un solo comando
Precio de lanzamiento · 30% de descuento
Incluida en el pack de 10 plantillasUnos $20 por plantilla (Precio en BRL: Unos R$100 por plantilla)
Pagos seguros y protegidos con Paddle
Recibirás un recibo con IVA por correo electrónico después de la compra.
Plantilla de restaurante Next.js con pedidos online y panel de cocina
Full Stack
$104.30 Precio original: $149, (Precio en BRL: R$522.90 Precio original: R$747, )


Northstack es un starter SaaS full-stack en Next.js: un sitio con precios, documentación y un pago real de licencias, un panel de espacios de trabajo multi-tenant con proyectos, roles, facturación y asistente de IA, una administración de la plataforma, una API NestJS con un servidor MCP, e inglés y árabe con RTL.

Un sitio SaaS Next.js 16 con una portada Bauhaus, precios con licencias de pago único, un pago de licencias con Stripe, PayPal o un pago de prueba, documentación, un diario, un changelog y un formulario de contacto, en inglés y árabe. Funciona con la API de Northstack o solo con datos de ejemplo integrados.

Un panel SaaS Next.js 16 con registro, onboarding e invitaciones, espacios de trabajo multi-tenant con proyectos y tableros de tareas, una matriz de roles editable, facturación con Stripe o un pago de prueba, claves de API, un registro de actividad, un asistente de IA y una administración de la plataforma, en inglés y árabe. Funciona con la API de Northstack o solo con datos de ejemplo integrados.
Sé el primero en saber cuándo se publica una nueva plantilla.
Cada plantilla premium es responsiva, accesible, rápida y tipada desde el primer commit, para que tu lanzamiento parta de código listo para producción.
01 · Diseño
Diseños para móvil, tableta y escritorio con un solo conjunto de componentes, un menú móvil y zonas táctiles de 44px.
Saber más: Diseño Responsivo02 · Inclusiva
HTML semántico, controles etiquetados, un anillo de foco visible con el teclado y soporte para movimiento reducido.
Saber más: Accesibilidad03 · Velocidad
Imágenes y fuentes optimizadas, datos en caché y metadatos en cada ruta.
Saber más: Alto Rendimiento04 · Tipos
TypeScript estricto en cada aplicación, con props, respuestas de API y modelos de datos tipados.
Saber más: Soporte TypeScriptÚ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.
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.

























































