Need help with sapper-blog-template?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

Charca
147 Stars 64 Forks 40 Commits 2 Opened issues

Description

Markdown-based Blog Built with Sapper

Services available

!
?

Need anything else?

Contributors list

# 32,304
CSS
mdl
messeng...
chatbot...
19 commits
# 484,354
Svelte
svelte-...
JavaScr...
HTML
5 commits

sapper-blog-template

A starter template for building markdown-powered blogs with Sapper and Svelte.

👉 Demo

✨ Getting started

npx degit Charca/sapper-blog-template my-blog
cd my-blog
npm install # or yarn!
npm run dev

Open up localhost:3000 and start clicking around.

Consult sapper.svelte.dev for help getting started.

🏗 Structure

The base structure of this template is the same as Sapper's default template. These are some of the new things you'll find here:

src/routes/blog

This is the home of your blog. The most important files in here are:

  • _posts.js
    : this module contains the logic for loading and parsing your markdown posts.
  • [slug].svelte
    : this is the template of your blog post page.
  • index.svelte
    : this is the template of your article list page.

src/routes/blog/posts

This is where your markdown posts live in. All

.md
files in this directory are treated as blog posts and parsed automatically by the
_posts.js
module.
  • The markdown file name becomes the post slug. For example
    hello-world.md
    becomes
    http://localhost:3000/blog/hello-world
    .
  • Everything between the start of the post and the
     tag becomes the article's "excerpt".
  • Frontmatter properties supported are
    title
    and
    date
    .

🚀 Deploy

Deploy to Netlify

🐛 Bugs and feedback

Sapper is in early development, and may have the odd rough edge here and there. Please be vocal over on the Sapper issue tracker.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.