Starbase es un modelo estándar de sitio web estático listo para producción que incluye Webpack 5, TypeScript, PostCSS y Tailwind CSS y que fue diseñado para integrarse con proveedores de alojamiento Jamstack modernos como Vercel, Netlify y AWS Amplify. Comience a construir en minutos con algunas de las tecnologías front-end más poderosas disponibles en 2024, impulsadas por una experiencia de desarrollador deliciosamente simple y con todas las funciones.
Starbase fue creado por Brian Staruk como una guía de estilo de código personal y un modelo flexible de proyecto. Es un trabajo en progreso perpetuo que se ha mantenido constantemente desde principios de 2017 con un enfoque en implementar los últimos estándares de la industria y mantener todas las dependencias actualizadas.
"La simplicidad es la máxima sofisticación."
-Leonardo da Vinci
La misión principal de Starbase es ser sofisticadamente simple; Fácil de configurar, ampliar e integrar. Esto también la convierte en una excelente plataforma para que los desarrolladores web mejoren su conocimiento de las configuraciones de Webpack básico, TypeScript y/o Tailwind CSS.
Para comenzar, ejecute el siguiente comando, que lo guiará a través del proceso de instalación:
npx starbase@latest
Se recomienda utilizar nvm (o nvm-windows) para administrar las instalaciones de su versión Node. Si no va a utilizar nvm, deberá consultar el archivo /.nvmrc
para verificar que su versión de Node sea compatible con la versión recomendada.
Comience asegurándose de que está ejecutando la versión recomendada de Node e instalando las dependencias del proyecto:
nvm use
npm install
El comando dev
servirá la fuente del proyecto en http://localhost:3000. Cualquier cambio realizado dentro de /src
recompilará la fuente y actualizará su navegador web.
npm run dev
El comando build
compilará y minimizará el origen del proyecto en /dist
para su integración o implementación.
npm run build
Starbase está configurado para implementarse en la raíz de un servidor web en un entorno de alojamiento como Vercel, Netlify, etc. Como tal, todos los activos (js, css, fuentes, imágenes, etc.) están referenciados con rutas absolutas.
Si, en cambio, desea hacer referencia a los activos a través de rutas relativas, de modo que los archivos .html
compilados se puedan distribuir y abrir en un navegador web sin necesidad de implementarlos en un entorno de alojamiento, deberá eliminar (o comentar) la publicPath
en /webpack/webpack.config.base.ts
.
Si desea conservar las rutas absolutas, pero configurarlas en un subdirectorio en lugar de la raíz, puede cambiar el valor en lugar de eliminarlo.
Starbase es un software gratuito y de código abierto. Por favor, construye cosas increíbles con él. Puedes invitarme a una cerveza la próxima vez que estés en Boston, iniciar el proyecto y contárselo a un amigo, o puedes borrar todos los signos de origen y decirle a tus compañeros de trabajo que lo hiciste tú mismo. ¡Está todo bien!