Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Svelte/Sapperで自作ブログをやってみる - Create a blog with ...

Svelte/Sapperで自作ブログをやってみる - Create a blog with Svelte/Sapper

Haruki Tazoe

March 28, 2021
Tweet

More Decks by Haruki Tazoe

Other Decks in Programming

Transcript

  1. • 田添春樹 • 趣味はツーリングや読書、映画鑑賞など • 好きな言語/FWはPHP、Laravel、Vue.js • Twitter/GitHub @jdkfx •

    今回の唯一の発表者 ※ • ※日程は未定ですが、次もする予定!発表者を募集しています!
  2. 技術選定 • Nuxt.js • Next.js • Gatsby.js • React •

    Hugo • (PHP/Laravel) • などなど…
  3. src/routes • src/routes • This is the heart of your

    Sapper app. There are two kinds of routes — pages, and server routes. • Sapperアプリの心臓部 • 大体のことはこの部分のコードを書き換えたり、 追加すれば良い 👉
  4. Markdownの記事を呼ぶ • ./src/routes/blog/_post.js • 別に作った記事用ディレクトリから .mdファイルを呼ぶように書き換え • 従来の自作ブログのように markedやFront-matterなどを利用 •

    参考: https://newcurrent.se/blog/create-markdown-sapper-svelte-blog https://n-ari.tech/blog/2020-02-06-create-portfolio-and-blog-with-sapper-and-netlify-cms/ 👉
  5. 環境⾯ • SapperからSvelteKitへの移行 • https://svelte.dev/blog/sveltekit-beta It's time. After five months

    and hundreds of commits, you're finally invited to try out the SvelteKit beta. It's not finished — there are a few known bugs and several missing features — but we're really happy with how it's shaping up and can't wait for you to try it.