90Tuesday, April 17, 2018
Say hello to VuePress – the Vue.js powered static site generator! First batch of VueConf US videos published!

Hi!

Great news – Evan You has just launched VuePress! As the name might suggest, it’s a tool focused on publishing content. Similar to Gatsby and Jekyll it’s a markdown powered static site generator. But here’s the twist – once loaded it becomes an SPA.

It might help you start your own blog or build a neat documentation for your project. It comes built-in with Vue-powered custom theme system, markdown extensions, the possibility to use Vue components inside markdown files, as well as PWA support and Google Analytics integration.

SEO friendly out of the box!

Additionally – the first batch of VueConf US videos has been published. Check it out!

— Damian Dulisz


Stories

VuePress – The Vue-powered Static Site Generator

VuePress is a Static Site Generator similar to Gatsby, Hexo and Jekyll. The benefit of using VuePress over the last two is that once the client loads the page, the SPA kicks in. This means snappy performance for the users as well as top-notch SEO support. For those who used Nuxt – this is quite similar to __nuxt generate__, however, VuePress is focused on creating content-oriented websites like technical documentation rather than web applications.

Introducing Vue Vixens

I’m pretty sure you already heard about Vue Vixens, but if you want to learn more about it – here’s the formal introduction of the initiative written by Jen Looper. The article also includes links to workshop resources as well as a list of upcoming events.

Create an Engaging Native Mobile App with Vue and NativeScript – Vue.js Amsterdam

Vue Development in CodeSandbox – Vue.js Amsterdam

Views on Vue Podcast

If you enjoy listening to podcasts, Charles Max Wood (Devchat.tv) is recording a new Vue related podcast called Views on Vue. The episodes cover a variety of topics including special guests like Evan You and Chris Fritz.

How We Implemented High-load Website Interface with Vue.JS and Google Maps

Integrating your Vue.js app with Google Maps is not always an easy task. Recently JetRuby Agency has written a tutorial on how to connect and keep in sync the Google Maps instance with your Vue app.

List Rendering and Vue’s v-for Directive

A beginner-friendly guide to using the v-for directive to handle displaying lists. The article includes an explanation why you should be using the key property as well as how to use transition-groups to animate the list you just created.

Is My Single-Page Application SEO Friendly?

Although Googlebot can crawl JavaScript powered websites it doesn’t mean such websites will rank high in the Google search results. In this article, Anthony Gore dives deep into the topic of SEO when building Vue powered web pages. This includes the differences between Server-Side Rendering and Prerendering.

How to create a custom selected list using Vue-Multiselect for Vue.js

Vue-Multiselect is a tool that can be used for much more than just multiple selects. In this tutorial, Hugo Carneiro covers how to build an asynchronous search field.

From Broad Strokes To Balanced Screens — Building the Front End

Goetz Buerkle shares his story of using Vue.js for the first time from a perspective of a Django/Python developer.

Creating a Website with Nuxt.js and WordPress REST API

A complete guide to creating a server-side rendered website with Nuxt.js and WordPress REST API.

Build VueTube: A Youtube Clone with VueJS, Webpack and Flexbox

A beginner-friendly tutorial on how to build a simple YouTube clone with Vue.js.


Libraries

The first batch of VueConf US videos is here!

https://www.vuemastery.com/conferences/vueconf-2018/opening-keynote-evan-you/

Check out the VueMastery page for the first 4 videos from VueConf US! 1. Opening Keynote – State of Vue – Evan You 2. How We Do Vue At GitLab – Jacob Schatz 3. Vue in Motion – Rachel Nabors 4. Testing Vue apps – Edd Yerburgh

GitHub - asika32764/vue2-animate

https://github.com/asika32764/vue2-animate

A Vue.js 2.0 port of Animate.css. For use with Vue's built-in transitions.

GitHub - epicmaxco/epic-spinners

https://github.com/epicmaxco/epic-spinners

Easy to use css spinners collection with vue.js integration