Browser
Web Server
App Servers
Database
CMS
CLIENT
CDN
SERVICES
module.exports = function (api) {
  api.loadSource(actions => {
    // Use Data Store API here
  })
}
module.exports = function (api) {
  api.loadSource(actions => {
    const posts = actions.addCollection({
    	typeName: 'BlogPost'
    })
  })
}
module.exports = function (api) {
  api.loadSource(actions => {
    const posts = actions.addCollection({
    	typeName: 'BlogPost'
    })
    
    posts.addNode({
    	title: 'My blog post title',
        date: '2018-11-02',
        description: 'a super descriptive text'
    })
  })
}
//gridsome.server.js
module.exports = function (api) {
  api.createPages(({ createPage }) => {
    // create pages here
  })
}

//gridsome.server.js
module.exports = function (api) {
  api.createPages(({ createPage }) => {
    createPage({
      path: '/my-page',
      component: './src/templates/MyPage.vue'
    })
  })
}

JAMstack FTW – Static Site Generation with Vue

By Gift Egwuenu

JAMstack FTW – Static Site Generation with Vue

The JAMstack is the new way of building modern web applications and has evolved over the years. In this session, I’ll give an introduction to Gridsome, A static site generator with Vue.js. How we can leverage the JAMstack in building awesome websites with Gridsome also gives the audience a view on what they can achieve with Gridsome. So that by the end of this talk, attendees will understand how to build a website using Gridsome, and all the possibilities they can leverage by using JAMstack to build blazing-fast websites with better performance and great security.

  • 296
Loading comments...

More from Gift Egwuenu