Gatsby & React Static
?
0 likes?881 views
Okachi.js vol.15でやったGatsby & React StaticのB初スライドです
Gatsby & React Static
- 1. Gatsby & React Static Reactベ`スな床議サイトジェネレ`タ曳^ 2018/4/27 Okachi.js vol.15
- 2. 竃處 {:name ＾Kazuhiro Hara￣ :twitter ＾@kara_d￣ :interest ＾SPA, WebVR, Clojure, Design research￣}
- 3. Clojure / ClojureScript で Electronアプリケ`ションを 恬るためのスタ`トキット / プラットホ`ム ¢ オ`プンソ`スにてGitHubにて巷_ ¢ MITライセンス ¢ F壓のスタ`方 : 346 http://descjop.org/
- 4. https://github.com/karad/chochoi ビルドツ`ルの卆贋なしで ClojureScriptベ`スのNode.jsコマンドを恬れるツ`ル ¢ オ`プンソ`スにてGitHubにて巷_ ¢ MITライセンス ¢ F壓のスタ`方 : 4 chochoi
- 5. Gatsby
- 6. 古勣
- 7. Gatsbyの古勣 ¢ 兆念 : Gatsby ¢ サイト : https://www.gatsbyjs.org/ ¢ スタ`方 : 21,106
- 8. 碧怏み
- 11. インスト`ル?堰艶鉛鉛看安看姻鉛糸 インスト`ル 仟･廛蹈献Дト恬撹 _kモ`ドで軟 $ gatsby new helloworld $ npm install --global gatsby-cli $ gatsby develop
- 12. サイトの鳩範
- 13. サイトの鳩範 http://localhost:8000/ でサイトの鳩範 http://localhost:8000/___graphql でGraphiQLというin-browserツ`ルが羨ち貧がる。參 和のように秘れてみる { site { siteMetadata { title } } }
- 14. GraphiQL すると、和のように竃薦 { "data": { "site": { "siteMetadata": { "title": "Gatsby Default Starter" } } } }
- 15. ビルド
- 16. ビルド プロジェクトのビルド ビルドされたものをロ`カルサ`バにて_J $ gatsby build $ gatsby serve
- 17. React Static
- 18. 古勣
- 19. React Static ¢ 兆念 : React Static ¢ サイト : https://react-static.js.org/ ¢ スタ`方 : 4,696
- 20. 碧怏み
- 23. インスト`ル?堰艶鉛鉛看安看姻鉛糸 インスト`ル 仟･廛蹈献Дト恬撹 _kモ`ドで軟 $ react-static create $ yarn global add react-static / npm install -g react-static $ react-static start
- 24. サイトの鳩範
- 26. ビルド
- 27. ビルド プロジェクトのビルド ビルドされたものをロ`カルサ`バにて_J $ react-static build --staging $ yarn serve