DMarlon Studio

Capítulo 7

Web con Next.js

Páginas web de Next.js: el diseño es la página y el código, JavaScript con React.

Crear una página de Next.js

Al crear la aplicación, elija Web (Next.js). El diseño es la página y el código es el mismo JavaScript de Electron (corre en el navegador), con los mismos componentes (todos menos el menú). El estudio genera un proyecto de Next.js (app router) en build/nextjs.

  • Ejecutar (F9) arranca el servidor de desarrollo de Next.js y abre el navegador cuando está listo. Next.js, React y Electron se instalan una sola vez y los comparten todos los proyectos.
  • this.storage guarda datos en el navegador; this.currentTab() devuelve la propia página y this.runInPage(función) la ejecuta en ella.
  • Depurar convierte sus puntos de parada en debugger;: abra las herramientas del navegador (F12) y se detendrá en ellos.
  • Exportar el proyecto de Next.js crea una carpeta lista para npm install y npm run dev, o para publicarla en Vercel.