Today I Learned - Rocky Kev

TIL Static Site Generators

POSTED ON:

TAGS: javascript webdev

These let you make sites quickly.

Service install command Benefits
Gridsome npm install --g @gridsome/cli then gridsome create <project-name> Static site Vue + GraphQL
Nuxtjs npx create-nuxt-app <project-name> Full-stack Vue
VuePress npm install -g vuepress then vuepress dev Static Site Vue / Mostly for documentation
Gatsby npm install -g gatsby-cli then gatsby new <project-name> Static site React + GraphQL
Nextjs npx create-next-app <project-name> Full-stack React
Sapper npx degit "sveltejs/sapper-template#webpack" <project-name Site with Svelte

Popularity check here

Related TILs

Tagged: javascript

TIL what is npm Script

Despite their high usage they are not particularly well optimized and add about 400ms of overhead. In this article we were able to bring that down to ~22ms.

TIL fancy methods to transform Javascript Objects

You can use Object.entries(), Object.keys(), Object.fromEntries()...

TIL how to hide your JS code

ONE THING TO NOTE: Encrypting a script is stronger than obfuscation, both methods are still not adequate to protect secret content. Honestly, I don't think it's worth it on a production site, and instead just go with pure server-side if you want security. But it's fascinating.