Saber JS, Simplemente ¡Wow!
Estoy hablando de Saber. Saber es desarollado por Kevin Titor(https://twitter.com), es un proyecto Open source patrocinado por Vercel.
Kevin Titor(Egoist) es un colaborador muy activo del Open Source con proyectos cómo SAO, Docute, Poi. Es un desarollador al cúal admiro mucho y me motiva a continuar en mi path de este mundo de "Nunca parar de aprender".
Saber is an open source project. It's an independent project with its ongoing development made possible thanks to the support by our amazing backers.
Soy un chico de React, pero en estos días he iniciado a desarrollar con Vuejs y la verdad me ha gustado muchísimo. Mi website y este espacio de notas están hechas con Vuejs y gracias a Saber he podido generar todo mi website para ser servido en Netlify.
Los 3 pilares de Saber
Zero Setup
Automatic code splitting, file-system based routing, hot code reloading and built-in Markdown support.
Bring Your Own Data
Build sites with the data you want: Pull data from headless CMS, SaaS services, APIs, your file-system, and more.
Fully Extensible
With Saber's powerful APIs and plugin system, you can customize almost everything.
¿ Qué trae de bueno Saber al juego ?
- Vuejs
- Súper liviano
- Out of the box API's
Retomando la mención de React, me gusta hacer mis prototipos con Vuejs, está muy potente, Evan You inclusive le está metiendo bastante mano a agregar muchas cosas buenas de frameworks(incluso los recientes cómo Svelte) y esto es bueno. Por lo que Vuejs es un buen punto para meterle mano a probar un poco Saber.
Sabemos que hay otros generadores de sitios estáticos cómo Hexo, Gridsome, Vuepress, etc. Pero lo que me encata de Saber es que simplemente necesitas agregar la depencia seguir una estructura de archivos para crear tus proyectos y listo : ).
Saber ya incluye preprocesadores CSS, Babel y webpack, ya está configurado para cargar assets.
Es súper liviano
Intenta mantener su peso menor a 60MB.
Sus API's son geniales, si jugaste con Gatsby sentirás que las API's de Saber son pan comido.
Con Saber prácticamente te tienens que enfocar más en armar tus páginas, puedes armar un blog u otro tipo de contindo a la velocidad de los dioses
Hagamos un ejemplo 🤓
Antes de iniciar
- Necesitamos al menos nodejs 8
- Necesitamos NPM(Si tienes versión menor a node 10)
Empecemos
En el lugar dónde deseas crear el proyecto
mkdir saberland && cd saberland && npm init -y
Instalemos Saber
npm install saber
Creemos la carpeta "pages", que es dónde vivirán las páginas de nuestra webapp
mkdir pages
Creemos nuestra primera página
echo "<template><b>HOLAAA</b></template>" > pages/index.vue
Iniciamos Saber
node_modules/.bin/saber
Verás esto indicando que la cantidad de memoria usada para generar el website
Ahora en nuestro navegador http://localhost:3000
Listo,
Para continuar puedes seguir editando el index.vue y también dejá esta configuración en tu package.json y poder hacer npm run start cómo normalmente lo haces.
{
"scripts": {
"start": "saber",
"build": "saber build"
}
}
Simplemente, WOW!
Gracias 😀, recuerda que estas son notas hechas por mi con el único fin de informar sobre cosillas geniales que encuentro por ahí. Sé que las notas tienen errores de redacción pero quiero que entiendas que lo hago para compartir conocimiento. El conocimiento es para eso, para compartirlo : )
PD: recuerda leer la documentación de Saber: https://saber.land