vulcan next

Vulcan a continuación

Vulcan Next le ayuda a construir aplicaciones basadas en GraphQL con Next.js.

¿Qué hay en la caja?

Donde vulcan a continuación:

• Software B2B SaaS, CMS, plataformas
• Aplicaciones que dependen mucho en las operaciones de CRUD (administración y enumeración de la estructura de datos, como en un CMS)
• API que pueden consumir múltiples clientes (su propia aplicación pero también una versión móvil, científicos de datos, otras aplicaciones de terceros ...)

Vulcan siguiente proporciona:

• Un next.js + apolo GraphQL Boilerplate.
• Un punto final de API GraphQL configurado con Apollo Server y un conector Mongo, por lo que puede comenzar a codificar las funciones de fondo de inmediato.
• Herramientas de desarrollo como Cypress, Jest, Storybook ... y muchos otros.
• Ayudantes y ganchos basados en esquemas para generar y consumir rápidamente su propia API GraphQL
• Autenticación basada en contraseña con pasaporte

Únete a la holgura y conoce a los contribuyentes vulcanos

Únete a la nueva discordia y conoce a los contribuyentes de Vulcan

Empiece con el tutorial en vivo

Lea el artículo introductorio en Freecodecamp

Consulte la documentación completa

Una palabra sobre el equipo central y el patrocinio

¡No puedes enseñarle a un perro viejo nuevos trucos! Vulcan siguiente es el sucesor de "Vulcan.js", el marco de meteoritos de Sacha Greif. Hereda años de experiencia, con una arquitectura modernizada que reemplaza a Meteor por Next.js.

Vulcan luego impulsa las encuestas de Devographics State of JS, State of CSS y State of GraphQL.

¿No está familiarizado con Next.js todavía? Puede unirse al curso Next.js en Human Coders de Eric Burel, 3 días para comprender el funcionamiento interno de Next.js Router, servidor y representación estática, Worge Middlewares y todos sus amigos.

¿Quiere ayudarnos a construir calderas de alta calidad? Puede patrocinar a Vulcan en Open Collective o comunicarse con las recompensas y el trabajo independiente (pingnos en Vulcan Slack o Discord).

---

Instalar y ejecutar en 5 minutos

Consejo profesional: puede probar Vulcan a continuación con cero instalación clonándolo en Codesandbox.

Si prefiere una instalación local:

git clone -b main https://github.com/VulcanJS/vulcan-next
cd vulcan-next
yarn
yarn run dev

Abra http: // localhost: 3000 en su navegador. Luego puede acceder al tutorial en vivo en http: // localhost: 3000/aprender.

---

Siguientes pasos

Configure su propio repositorio de git

Al crear su propia aplicación, querrá alojar el código en su propio repositorio Git (en GitHub, Bitbucket, etc.).

Punta Git a su propio repositorio

Cambie el nombre de "origen" a "Upstream", para que pueda usar su propio repositorio Git como el principal "origen" y el repositorio oficial de VN como "aguas arriba".

git remote rename origin upstream
# Then do what you need to create your own origin remote
# git remote add origin <your-own-git-repository-url>

Enrolle su propia base de datos Mongo

Como predeterminado, Vulcan Next se conectará a una base de datos de solo lectura de muestra propiedad de LBKE. Para crear su propia aplicación, querrá usar su propia sés de datos.

0. Soy un usuario de Windows (si uso Mac o Linux omitir a 1.)

Si usa Windows, es posible que desee:

• Instale Ubuntu como un arranque dual (la máquina virtual es técnicamente fina pero mucho más lenta y podría conducir a una mala experiencia de desarrollo)

• Configurar el subsistema de Linux para poder ejecutar Docker en Windows

• Instale MongoDB con el instalador de Windows

1. Ejecute un servidor Mongo usando Docker

Ejecutará Mongo en su terminal actual, o creará y ejecutará una imagen de Mongo si es la primera vez que ejecuta el comando.

Nota: Siempre debe iniciar su base de datos antes de ejecutar la aplicación.

yarn run start:mongo

Consulte la instrucción de instalación de Docker para Ubuntu aquí si aún no tiene Docker.

2. Configure su aplicación para usar su base de datos local

En .env.development o .env.development.local Use este URI para Mongo:

MONGO_URI= " mongodb://localhost:27017/vulcan-next-app "

Luego puede detener el servidor e iniciarlo nuevamente.

Aconsejamos usar MongoDB Compass para visualizar el contenido de su base de datos.

Actualice su aplicación a la última versión de Vulcan Next

Cuidado: Vulcan Next es una Boilerplate, la posibilidad de actualizar automáticamente no está garantizada. Es posible que deba aplicar las actualizaciones a mano, comparando a Vulcan la próxima última versión con su propio código. ¡Siempre verifique que la fusión no rompiera tu aplicación! .

 # Get the latest version of Vulcan Next locally
git fetch upstream
# Merge to your own code (favouring your own code as a default in case of conflict)
git merge upstream/main -X ours

---

Contribuir o plantear un problema

¡Este entrante es de solo lectura ! Evite la apertura de solicitudes de extracción en su contra.

Todos los desarrollos ocurren en nuestro monoreso "Vulcan NPM" aquí.

---

Apoyan a Vulcan a continuación y Vulcan Meteor

Colaboradores

Este proyecto existe gracias a todas las personas que contribuyen.

Patrocinadores

¡Gracias a todos nuestros patrocinadores! [Conviértete en un patrocinador]

Patrocinadores

Apoye este proyecto al convertirse en patrocinador. Su logotipo aparecerá aquí con un enlace a su sitio web. [Convertirse en patrocinador]

Soportes técnicos

Dan tiempo y comparten conocimiento para apoyar el proyecto.

Otras cosas interesantes de las siguientes

• Ejemplo oficial de Apolo de la siguiente
• Siguiente en este momento (un próximo inicio completo, dependiendo de las soluciones de Prisma Cloud para el backend)
• Blitz (FullStack Siguiente sin GraphQL)
• Siguiente iniciador Antd GraphQL
• Siguiente react Graphql Apollo Bootstrap
• Siguiente iniciador avanzado,
• Siguiente - Mongo (sin Express, sin GraphQL, Just Next y Mongo)
• Siguiente y mecanografiado del fabricante de modelos de transpilancia siguiente
• Un iniciador orientado al rendimiento frontend
• Bison, un inicio de Siguiente.JS Next.js
• Nextra, un generador de sitio sin código con Markdown (ideal para bloguear)
• Bluelibs, un conjunto de herramientas que también propone un iniciador React

---

Acerca de Next.js

Este es un proyecto Next.js arrancado con create-next-app .

Obtenga más información

Para obtener más información sobre Next.js, eche un vistazo a los siguientes recursos:

• Documentación Next.JS - Aprenda sobre las funciones de Next.js y la API.
• Aprende Next.js - Un tutorial interactivo Next.js.

Puede consultar el repositorio Next.js GitHub: ¡sus comentarios y contribuciones son bienvenidos!

---

Desplegar en Vercel

La forma más fácil de implementar su aplicación Next.js es usar la plataforma Vercel de los creadores de Next.js.

Consulte nuestra documentación de implementación Next.js para obtener más detalles.