NuxtMeetup#2
2018.05.15
@miyaoka
https://www.staticgen.com/
要は nuxt generate
Blazing-fast static site generator for React
lightweight framework for
static and server-rendered applications
Universal Vue.js Applications /
The Vue.js Developers Framework
Minimalistic Vue-powered static site generator
(docs)
(theme)
components
$page
$site
.js
.md
$content.get()
.json
emit assets
axios
Nuxtentについては NuxtMeetup#1 参照
File
API
CMS
nodes
(Gatsby’s data system)
GraphQL
import React from "react"; export default ({ data }) => <div> <h1> {data.site.siteMetadata.title} </h1> </div> export const query = graphql` query TitleQuery { site { siteMetadata { title } } } `
module.exports = { siteMetadata: { title: `Site Title`, }, plugins: [ ... ], };
Demo: https://github.com/miyaoka/gatsby-gh-demo
https://github.com/guess-js/gatsby-guess
https://github.com/guess-js/guess/issues/43
https://twitter.com/miyaoka
https://github.com/miyaoka
(そうっすね) というポッドキャスト やってます
https://soussune.com/
https://github.com/soussune/soussune.com
(Nuxt製)
By Masaya Kazama