Next.js es un marco de código abierto creado sobre Node.js y React. Proporciona una estructura para crear fácilmente aplicaciones React renderizadas en servidor. Next.js Starter es una plantilla que se puede utilizar para iniciar rápidamente nuevos proyectos con Next.js.
Next.js Starter ofrece varias ventajas, que incluyen:
- Fácil de implementar: Implementar una aplicación Next.js es sencillo. Puede implementarlo fácilmente en servicios como Netlify, Vercel y otros con solo unos pocos clics.
- código limpio: Next.js Starter proporciona una base de código limpia y bien estructurada que es fácil de entender y ampliar.
- Reutilizable: Starter incluye componentes, utilidades y textos estándar prediseñados que se pueden reutilizar fácilmente en su proyecto.
- Soporte comunitario: Next.js cuenta con una comunidad grande y activa que contribuye a su desarrollo, brinda soporte y comparte conocimientos.
- Iniciador de comercio electrónico con Next.js: Next.js Starter también incluye un proyecto inicial de comercio electrónico que proporciona una base para crear aplicaciones de comercio electrónico con Next.js.
Los iniciadores de comercio electrónico Next.js proporcionan una base para crear aplicaciones de comercio electrónico con Next.js. Incluye componentes prediseñados, como carritos de compras y páginas de productos, así como textos estándar para funciones comunes de comercio electrónico. Al utilizar este iniciador, los desarrolladores pueden ahorrar tiempo y aumentar la productividad al no tener que crear estos componentes desde cero.
Aquí ofrecemos varios iniciadores de comercio electrónico de código abierto que cualquier desarrollador puede descargar, instalar, modificar e implementar de forma gratuita.
1- Cristalizar Next.js
Este iniciador es un modelo estándar de Next.js/React eCommerce con todas las funciones. Combine contenido de marketing enriquecido con información de productos para crear tiendas en línea de alta conversión. Totalmente optimizado para el rendimiento con la generación de páginas perimetrales JAMStack.
Permite a los desarrolladores construir un comercio electrónico rico que se destaca de los demás con nuestro súper estructurado PIM motor (Gestión de información de productos) en Crystallize potenciando su catálogo de productos.
2- Inicio de comercio electrónico de Vercel Shopify
Un iniciador de comercio electrónico de código abierto proporcionado por Vercel que utiliza Shopify como backend.
Sus características incluyen:
- Enrutador de aplicaciones Next.js
- Optimizado para SEO utilizando los metadatos de Next.js
- Componentes del servidor React (RSC) y suspenso
- Acciones del servidor para mutaciones
- Tiempo de ejecución perimetral
- Nuevos paradigmas de recuperación y almacenamiento en caché
- Imágenes OG dinámicas
- Estilo con Tailwind CSS
- Checkout y pagos con Shopify
- Modo claro/oscuro automático basado en la configuración del sistema
3- Iniciador Next.js para BigCommerce
Una plantilla de escaparate sin cabeza preparada para Next.js 13 y App Router para BigCommerce, que incluye:
- Enrutador de aplicaciones Next.js
- Optimizado para SEO utilizando los metadatos de Next.js
- Componentes del servidor React (RSC) y Suspenso
- Controladores de ruta para mutaciones
- Tiempo de ejecución perimetral
- Nuevos paradigmas de recuperación y almacenamiento en caché
- Imágenes OG dinámicas
- Peinar con CSS de viento de cola
- Modo claro/oscuro automático basado en la configuración del sistema
5- Next.js Comercio x Medusa
Una plantilla de comercio electrónico lista para Next.js 13 y App Router, creada con Medusapresentando:
- Enrutador de aplicaciones Next.js
- Optimizado para SEO utilizando los metadatos de Next.js
- Componentes del servidor React (RSC) y suspenso
- Controladores de ruta para mutaciones
- Tiempo de ejecución perimetral
- Nuevos paradigmas de recuperación y almacenamiento en caché
- Imágenes OG dinámicas
- Estilo con Tailwind CSS
- Modo claro/oscuro automático basado en la configuración del sistema
6- Saleor de arranque
Una plantilla de comercio electrónico lista para Next.js 13 y App Router, creada con Saleor, que incluye:
- Enrutador de aplicaciones Next.js
- Optimizado para SEO utilizando los metadatos de Next.js
- Componentes del servidor React (RSC) y suspenso
- Controladores de ruta para mutaciones
- Tiempo de ejecución perimetral
- Nuevos paradigmas de recuperación y almacenamiento en caché
- Imágenes OG dinámicas
- Estilo con Tailwind CSS
- Checkout y pagos con Saleor
- Modo de luz/oscuridad automático basado en la configuración del sistema.
7- Hinchar
Next.js Commerce utiliza la API Swell Frontend para proporcionar acceso seguro al cliente a los datos de su tienda. La API Frontend tiene permisos de solo lectura para la mayoría de los modelos, incluidos productos, categorías, menús de navegación, páginas y más. Con la adición de un token de sesión, también están disponibles los flujos de gestión del carrito, pago y edición de cuentas específicos para cada cliente.
8- Iniciador de comercio electrónico Sanity.io y Next.js
Este es un iniciador de comercio electrónico que presenta un estudio con una interfaz simple de Next.js.
Este iniciador utiliza el kit de herramientas Next.js para Sanity.io.
9- Iniciador de comercio Hygraph
Este iniciador le permite crear escaparates comerciales modernos y preparados para SEO con Hygraph, Next.js, Stripe y Tailwind CSS.
Las características incluidas son:
- Catálogo de productos completamente localizado creado con Localización de higrafos y Siguiente.js.
- Páginas de catálogo pre-renderizadas a través de
getStaticPropsygetStaticP.
aths - Obtención dinámica de datos del lado del cliente a través de ROE.
- Carro de compras localizado con
react-use-cart. - Pago alojado y flujo de pago con Pago a rayas.
- Utilizar el API de mutación Hygraph con Rutas API para crear pedidos en caso de pago exitoso (a través de webhook).
- Soporte de múltiples monedas.
10- Comercio Next.js
El kit de inicio todo en uno para sitios de comercio electrónico de alto rendimiento. Con unos pocos clics, los desarrolladores de Next.js pueden clonar, implementar y personalizar completamente su propia tienda.
11- Plantilla de comercio electrónico Next.js
Plantilla de comercio electrónico Next.js. TypeScript potente, listo para usar, para sitios web de comercio electrónico de alto rendimiento. Está construido sobre Boundless-commerce.com; El primer CMS de comercio electrónico sin cabeza de una API: proporcionamos un lado de administración para la administración de la tienda, una API potente y un área de pago lista para usar.
12- Plantilla inicial de comercio electrónico con contenido
Un CMS/eCommerce Starter que utiliza Contentful como backend.
13- Kit de inicio de comercio electrónico Next.js Sanity
Una aplicación de comercio electrónico Next.js con Sanity.io y Stripe API. Construido con el marco TailwindCSS y la extensión SASS CSS.
14- Plantilla de comercio electrónico de carga útil
Este repositorio es una aplicación Next.js completa creada explícitamente para la plantilla de comercio electrónico de Payload.
Características clave:
- Carga útil, Next.js, GraphQL, TypeScript
- Flujo de trabajo de autenticación completo
- Experiencia de compra completa
- Implementación completa del carrito de compras
- Flujo de trabajo de pago completo
- Integración de rayas
- Panel de cuenta
- Bloques de construcción de diseño prefabricados
- Barra de administración de carga útil
- Solución SEO completa
- Soporte de muro de pago
15- Next.js Comercio electrónico con Keystone.js
Esta plantilla inicial de comercio electrónico utiliza las funciones de Keystone.js CMS para crear una solución de tienda electrónica rica en funciones. Utiliza Chakra UI, MongoDB, Stripe, Mailgun y React Hook Form.
dieciséis- Iniciador de comercio electrónico
Aplicación de comercio electrónico que utiliza NEXT.js 13, TypeScript, SWR, kit de herramientas Redux, Mongoose, formularios de gancho de reacción.
Estas características iniciales incluyen:
- Panel de administración enriquecido
- Catálogos de productos
- Gestión de clientes
- Gestión de pedidos
- Gestión de marcadores
- Seguimiento de pedidos y más
Leer más
Etiquetas
Lista Next.js CMS de código abierto Iniciador de comercio electrónico Boilerplate Desarrollador web basado en web Desarrollo web JavaScript TypeScript Freeware
