未経験からでもSvelteKitを使って3日で技術ブログを作成する
無料で読める本
3連休を利用し、SvelteKitというフロントエンドのフレームワークを使って技術ブログを作りました。 SvelteKit経験ゼロから技術ブログを作り、独自ドメインでCloudflareにリリースするまでの過程を技術書としてまとめています。 エンジニア経験があまりない人でも理解できるように画像やソースコードに対する解説を多めに掲載しました。
Chapters
【SvelteKit】マークダウン形式で記事執筆できる技術ブログを作る
【環境構築】SvelteKitプロジェクトを作成する
SvelteKitのRoutingを利用して、Profileページを追加する
SvelteKitのlayout.svelteを利用して、サイト全体のレイアウトを作成する
SvelteKitのプロジェクトにTailwindCSSを適用する
SvelteKitのRouteパラメータを理解して、ブログページを作成する
外部Markdownファイルを読み込んでブログページを作成する
MarkdownCSSを利用して、ブログページを装飾する
記事一覧ページを作成する
記事のタイトルを設定できるようにする
サイト全体のスペースを整える
Profileページを作成して、自己紹介を載せる
記事のMetaデータにカテゴリと日付を追加する
Componentを使って記事へのリンク部分を共通パーツにする
libディレクトリへのパスを省略して効率的に開発する
記事ページのタイトル・日付・カテゴリをCSSでレイアウトする
SvelteKitの機能を使ってTitle・Description情報を追加する
Topページを編集する
SvelteKitプロジェクトにリリースのための修正を施す
Cloudflareでドメインを取得して、SvelteKitサイトをリリースする
SvelteKitにGoogle Analyticsを導入する
記事の中で画像を使う
記事のサムネイル画像を設定する
記事ページにサイドバーを追加する
ブログの中に本の紹介ページを作成する
SvelteKitにFaviconとロゴを追加する
SvelteKitでOGPタグを設定する
Author
Topics