Saber - Vue.js Static Site Generator

[@druharper]

Andre, you are fast becoming a daily watch for me! Keep up the great work! I even like you’re lil mess ups, it’s gives me hope.

[@drehimself]

Thanks for watching! You gotta embrace the mess-ups.

[@abdoarbab595]

After diving into the source code of Vuepress and looking to what Saper offers, I think I can make a documentation static site with Saper. As you said, it _is_ simple and elegant. Thanks for the video.

[@drehimself]

Awesome! I still like VuePress for documentation sites although building one in Saber shouldn't be difficult.

[@abdoarbab595]

​@@drehimself Correct. To make a basic Vuepress clone I just need: 1. Heading hash links component. 2. Navbar + Sidebar (with for loops of links array from saber-config.js). 3. Code highlighter. 4. Static javascript search or Algolia. 5. Page metadata modifier. 6. Markdown base styling. 7. Other Vue stuff can be added inside `saber-browser.js`. And more, but that is what I am intending to add right now. I didn't enjoy Vuepress because I had to change a lot of code to customize it the way I want. But now with Saper, I can tell that I am gonna enjoy it!

[@mehdiahmed5842]

What theme for VS code are you using please?

[@adhamfarrag9334]

Thanks for your videos. I'm faster than Andrew, I watch you everyday for a two month now, thanks for choosing technologies I love. Please, can you do more videos on Saber? I want to know more about configuring Tailwind and PurgeCSS with it.

[@med5032]

btw, you can configure material icons to display vue specific icons. for example, the components folder should have the vue logo.

[@drehimself]

Just turned that on, thanks!

[@prospekt-jn8pp]

What's the difference between this and Gridsome?

[@drehimself]

I think Gridsome is slightly harder to learn because you need to learn GraphQL. It's also currently lacking two features that Saber has: Vue components in markdown and localization. It's still great and worth learning and using.

[@BrunoDeAngelis]

@@drehimself Hey Andre! Actually, Gridsome implemented Vue components in the markdown plugin on 0.7 release. Check it out: gridsome.org/blog/2019/09/17/gridsome-v07/

[@drehimself]

@@BrunoDeAngelis Didn't know it was added in 0.7. Thanks!!

[@rosaclovis]

Another great video Andre, thank you for that! I think you should have a look at Sapper(by Svelte) and its features. In my opinion, it's even way easier than that. Cheers mate!!

[@drehimself]

I meant to take a look at Sapper after I learned Svelte. Will look into it if I can find some time.

[@MikeNugget]

Nice, just thought about to use SSG recently. Thanks for video!

[@drehimself]

Thanks for watching!

[@JGBSolutions]

I like your stuff man!

[@AslamD]

OK, so what's different between this and Nuxt?

[@drehimself]

In terms of static site generation, much simpler with everything you need to build a blog built-in.

[@kamalhm-dev]

Finally!

[@bf-xi3om]

Amazing content :)

[@drehimself]

Thanks for watching!

[@WigglyMalmsteam]

I’m loving the Vue based videos. Have you seen Framework7 ?

[@drehimself]

I have not. Will check it out!

[@zainzulifqar]

Hey Andre..!! Hope you are fine please make a series on Subscription system in laravel like the one on laracast.com mean for individual developer and for teams... Thanks

[@VanPetersonKpoti]

Thank you very much for everything. Please, can you also provide us with the French content? I can't perceive everything at once

[@drehimself]

I'm not french haha 😂

[@ProgrammingwithPeter]

Saber for simple content, but nuxt is a lot more powerful, maybe saber will catch up or just win this side of vue.

[@ProgrammingwithPeter]

@@DuaneCreates Not closely, but essentially both does the same thing. It's just nuxt is more complex

[@drehimself]

Agree, Saber is great for a simple blog.

[@JuanDelgado-eh8pp]

Please create a video tutorial of this project github.com/drehimself/gridsome-portfolio-starter, it would be great if you would publish how you developed this incredible portfolio made with gridsome.