Sat. Jul 27th, 2024

Headless Next.js Starter for Shopify and Headless CMS Integration with Sanity.io

By admin Jan 30, 2024

Hull es un iniciador gratuito de código abierto de Next.js para cualquiera que esté interesado en crear una tienda de comercio electrónico rica en contenido con soporte completo de SEO.

Es fácil de implementar en la plataforma Vercel y sencillo de configurar. Los desarrolladores también pueden implementarlo en Sanity o en sus propios servidores.

Hull es mantenido por un equipo activo de desarrolladores.

Características

  • CSS de utilidad con CSS de viento de cola
  • Animaciones impulsadas por Movimiento del encuadre
  • Carro impulsado por Shopify Comprar SDK
  • Verificación de inventario en tiempo real para productos que utilizan ROE
  • Filtrado y clasificación personalizables para colecciones de productos
  • Formulario de lista de espera de Klaviyo para productos agotados
  • Formulario de boletín informativo de Klaviyo con campo de suscripción
  • Rutas de página dinámicas para la creación de páginas personalizadas
  • Automático Sitemap.xml generación
  • Automático robots.txt generación
  • Redirecciones automáticas 301 desde Sanity
  • Vista previa en vivo del contenido directamente desde Sanity
  • Componente de imagen moderna que utiliza Hotspot, Recorte y formato WEBP automático de Sanity
  • Contenido de página modular para todas las páginas, incluidos diseños de cuadrícula dinámica
  • Banner de promoción personalizable
  • Aviso de cookies personalizable
  • Funciones de accesibilidad:
  • Roles emblemáticos de ARIA
  • Estados de enfoque predeterminados conservados para la navegación con el teclado
  • Enfoque correcto para cajones con enfoque-trampa-reaccionar
  • Índice de tabulación móvil para botones de radio
  • Contadores de cantidades basados ​​en entradas
  • Requerido alt texto para todas las imágenes
  • Enlace “Saltar al contenido”
  • Funciones de SEO:
  • Configuración de SEO/Compartir a nivel de página con vistas previas
  • Configuración alternativa de SEO global/Compartir
  • Marcado automático de esquema JSON-LD para productos

Funciones de integración de Shopify

  • Sincroniza automáticamente productos de Shopify con Sanity
  • Acción personalizada para sincronizar las miniaturas del carrito de productos con Shopify desde Sanity
  • Realiza un seguimiento del estado del producto (borrador/publicado) desde Shopify para ayudar a controlar la visibilidad durante la edición.
  • Los productos y variantes eliminados se conservan y marcan en Sanity
  • Actualiza la URL sobre cambios de variantes mientras mantiene una pila de historial limpia
  • Enmascaramiento de URL de tienda personalizada
  • Carrito global con acceso a todos los datos de variantes de artículos de línea
  • Admite productos de variante única listos para usar
  • Galerías de fotos de productos con granularidad variante
  • Dinámica /shop página de colección
  • Páginas de colección personalizadas
  • Posibilidad de mostrar una opción variante en las tarjetas de producto

Licencia

  • licencia MIT

Recursos

Etiquetas

Github de código abierto Comercio electrónico Desarrollo web Next.js Marcos Desarrollo de bibliotecas JavaScript TypeScript Herramientas de desarrollo de pila completa

By admin

Related Post

Leave a Reply

Your email address will not be published. Required fields are marked *