Premium

Plantilla de sitio de pedidos para restaurantes en Next.js

Un sitio de pedidos para restaurantes en Next.js 16 con menú, combos, creador de comidas, carrito, pago, seguimiento de pedidos y cuentas de cliente, en inglés y árabe.

Sitio de pedidos

El sitio de pedidos Next.js 16 por separado. Lee sus datos de la API de Food Studio, que se vende aparte como API Backend o junto con todo en Full Stack.

$79
O consíguelo todo con Full Stack por $179
  • Uso en proyectos comerciales ilimitados. Trabajo para clientes incluido.
  • Pago único, actualizaciones gratis
  • Factura para empresas con tu NIF o número de IVA
  • Uso en proyectos comerciales ilimitados. Trabajo para clientes incluido.
  • Pago único, actualizaciones gratis
  • Factura para empresas con tu NIF o número de IVA

Un sitio de pedidos para restaurantes en Next.js 16 con menú, combos, creador de comidas, carrito, pago, seguimiento de pedidos y cuentas de cliente, en inglés y árabe.

Compartir:

Un sitio de pedidos para restaurantes en Next.js 16 con menú, combos, creador de comidas, carrito, pago, seguimiento de pedidos y cuentas de cliente, en inglés y árabe.

Demo del sitio
Ordering website overview, light theme
Ordering website overview, 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.
Ordering website overview, dark theme
Ordering website overview, 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.
Abrir el sitio
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.
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.
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.
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.
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 sitio
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 proyectos comerciales ilimitados, incluido el trabajo que entregues a tus clientes.
¿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.

Parte de una plantilla full-stack

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

Esta aplicación es una parte de una plantilla full-stack. La plantilla completa reúne todas las partes en una sola compra.

Ver la plantilla completa

Precios

Elige tu paquete

Un solo pago por el código fuente completo, tuyo para modificarlo y publicarlo.

Todo incluido

Full Stack

Sitio de pedidos + panel del equipo + API NestJS con TypeORM, autenticación y pagos

Qué incluye

Comprado por separado$277
Ahorras$98
$179

O compra una sola parte

Sitio de pedidos

El sitio de pedidos Next.js 16 por separado. Lee sus datos de la API de Food Studio, que se vende aparte como API Backend o junto con todo en Full Stack.

$79

Panel del equipo

El panel del equipo Next.js 16 por separado. Lee sus datos de la API de Food Studio, que se vende aparte como API Backend o junto con todo en Full Stack.

$99

API Backend

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

$99

Pagos seguros y protegidos con Paddle

Recibirás un recibo con IVA por correo electrónico después de la compra.

Plantillas Relacionadas

Plantilla de restaurante Next.js con pedidos online y panel de cocina - Next.js Restaurante template preview - Aniq-UI

Restaurante

$179
Restaurante
Full Stack
Nuevo
IA

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.

Ver Plantilla
Plantilla de panel de administración para restaurantes en Next.js - Next.js Restaurante template preview - Aniq-UI

Panel de administración para restaurantes

$99
Restaurante
Panel del equipo
Nuevo
IA

Un panel de administración para restaurantes en Next.js 16 para gestionar pedidos, el menú, categorías, clientes, cocinas y el equipo, con un estudio de IA para fotos de platos, en inglés y árabe.

Ver Plantilla
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
Ventajas técnicas

Hechas para cada pantalla y cada usuario

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ñ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 Responsivo

02 · Inclusiva

Accesibilidad

HTML semántico, controles etiquetados, un anillo de foco visible con el teclado y soporte para movimiento reducido.

Saber más: Accesibilidad

04 · Tipos

Soporte TypeScript

TypeScript estricto en cada aplicación, con props, respuestas de API y modelos de datos tipados.

Saber más: Soporte TypeScript

Características de Nivel Empresarial Incluidas

Experiencia del Desarrollador

  • TypeScript 5.0+ con verificación estricta de tipos
  • Arquitectura de componentes de servidor y cliente
  • Guía de inicio rápido y documentación de funciones

UX y Rendimiento

  • 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

  • Soporte incluido con su compra
  • Actualizaciones regulares de seguridad y framework
  • Estructura semántica optimizada para SEO
Leer la guía para desarrolladores
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.