DocsConstruir y probar
Interfaz
Nexy no envía su propio sistema de componentes para el cliente. Se basa en Vite: React, Vue, Svelte, Solid y Preact son compatibles, y las páginas básicas funcionan sin ningún marco de cliente.
Habilitar un marco
from nexy.core.models import NexyConfigModelfrom nexy.frontend import react class NexyConfig(NexyConfigModel): useFF = react() # vue(), svelte(), solid(), preact()useVite por defecto es True; manténgalo encendido cuando se configure un marco.
Archivos de ruta
| Extensión | Renderizado |
|---|---|
.nexy, .md |
por Nexy en el momento de la solicitud |
.mdx, .tsx, .jsx, .vue, .svelte |
por el marco del cliente; pre-renderizado a HTML en el momento de la compilación, luego asumido por el paquete del cliente |
Una ruta de marco es una página normal, no una isla exclusiva de cliente: el HTML existe antes de que se ejecute el paquete, por lo que la primera pintura no espera a JavaScript.
Configuración por marco: React, Vue, Svelte, Solid, Preact.
Desarrollo
nx dev inicia un servidor en un puerto:
- la aplicación recompila las rutas que cambias, servidor y cliente;
- Vite se ejecuta en un puerto interno y sirve módulos de marco;
- Nexy representa los puntos finales de Vite a través de su propio origen.
El navegador sólo habla con el puerto 3000. No hay una segunda URL para abrir ni CORS para configurar.
construir
nx build produce:
- HTML prerenderizado para rutas de marco;
- el paquete de clientes, con activos bajo
__nexy__/client/; - las rutas compiladas Python.
Vite construye el paquete de cliente; El HTML del servidor de cada página componente se escribe en el momento de la compilación.
Estilo
nexy new solicita un modo de estilo y lo configura para el marco de trabajo del cliente que elijas: Tailwind, UnoCSS o CSS simple. Los tokens de diseño (colores, fuentes, el tema oscuro) son variables CSS en src/globale.css, el archivo que crea el andamio.
| Modo | Las páginas iniciales están escritas con |
|---|---|
| Tailwind, UnoCSS | clases de utilidad en el marcado, con los tokens asignados a nombres de clases |
| CSS simple | nombres de clases semánticas y CSS en src/globale.css |
Siga el modo de su proyecto cuando agregue una página: clases de utilidad en un proyecto de utilidad, CSS en uno de CSS simple. Mantenga el CSS del componente que las utilidades no puedan expresar en el bloque <style> del componente. En un proyecto de servidor (.nexy páginas) UnoCSS lee los .nexy archivos de clases; Tailwind los encuentra por sí solo.
Fuentes, imágenes, guiones.
Coloque los archivos estáticos en public/; se entregan desde / tanto en desarrollo como en producción.
Próximos pasos
- Vistas: elige un formato de página
- Configuración:
useFF,useVite, alias - Implementar: lo que produce la compilación