• Stars
    star
    217
  • Rank 178,569 (Top 4 %)
  • Language Vue
  • Created over 5 years ago
  • Updated about 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

An ever-evolving and opinionated dev environment for people who want to use VuePress to power their blogs.

VuePress Blog Boilerplate (Deprecated)

Status: Deprecated Version Netlify Status

This is a deprecated opinionated architecture that uses VuePress v1.0.0-alpha to power a blogging platform.

Purpose

To provide a blueprint of how blogging is possible with VuePress v1.0.0-alpha and empower you with enough boilerplate so you feel comfortable customizing it to your liking.

Why is it deprecated?

As my work with OSS expands, I wanted the flexibility to switch tech stacks as the requirements for my own blog / site requirements increase. As a result, I do not have the time to maintain this one since it would be a separate effort from my current OSS work.

To follow the latest, you can follow the new repo at Ben's Blog Boilerplate.

Features

  • Write posts in Markdown
  • Basic pagination sorted by most recent posts
  • Ability to search for posts via headings within the post
  • Archived posts page
  • Basic scheduling for future publishing
  • Basic tagging for posts
  • Automatic RSS feed generation
  • Easily integrate Google Analytics

Getting Started

Prerequisites

  • NodeJS 12
  • yarn (Recommended)
  • Basic knowledge of navigating the terminal

Installation

If your plan is follow the tutorial all the way through to deployment, make sure you fork this project instead of simply cloning it!

In your terminal, navigate to the desired directory where you want this project to live.

# Clone the repo for local development
git clone https://github.com/bencodezen/vuepress-blog-boilerplate.git

# Change directory into project
cd vuepress-blog-boilerplate

# Install dependencies
yarn

# Run local server
yarn dev

You should now be able to visit http://localhost:8080!

Documentation

To check out the tutorial and docs, check out the guide.

Examples

Hat Tip

For those familiar with the Vue.js ecosystem, you might be reminded of Chris Fritz's Vue Enterprise Boilerplate and you would be absolutely right. I thought the concept was brilliant and wanted to do something similar for the VuePress ecosystem since blogging is something that still requires a fair amount of configuration and knowledge in order to get started.

And in case you didn't know, Chris Fritz is one of the core contributors to the incredible Vue.js docs that we all love so much. So if you would like to help support him so he can spend more time on creating awesome content for the Vue.js community, please support him by becoming a sponsor on Patreon.

More Repositories

1

vue-enterprise-boilerplate

An ever-evolving, very opinionated architecture and dev environment for new Vue SPA projects using Vue CLI.
SCSS
7,772
star
2

bens-obsidian-boilerplate

An opinionated kit to provide people some inspiration and ideas for their own workflows.
JavaScript
183
star
3

cssdevconf2017

A repo for my notes from CSS Dev Conf 2017
49
star
4

production-grade-vue

Resources for Frontend Masters Workshop: Production-Grade Vue
Vue
41
star
5

shopify-nuxt-kit

Netlify + Shopify + Nuxt Demo
JavaScript
41
star
6

obsidian-night-owl-theme

An Obsidian theme inspired by the original Night Owl VS Code Theme by Sarah Drasner!
SCSS
40
star
7

complete-intro-to-vue-3-workshop

HTML
36
star
8

bens-blog-boilerplate

An open-sourced opinionated blogging infrastructure that Ben uses to power his own blog
Vue
23
star
9

typescript-and-vue-workshop

Vue
22
star
10

vuejs-101-workshop

Sandbox and resources for Vue.js 101 Workshop
HTML
19
star
11

nuxt-notion-demo

Vue
16
star
12

vueconf-us-2018

Notes from VueConf.US 2018 conference and workshop
14
star
13

peek-a-vue

Halloween themed card matching game using Composition API
Vue
14
star
14

vuepress-starter-kit

A sample project to let you see what makes VuePress so great!
13
star
15

vite-v3-ts-lab

Vue
13
star
16

bencodezen

The source code for my personal site
CSS
10
star
17

nuxt-3-fundamentals-workshop

8
star
18

proven-patterns-workshop

Vue
6
star
19

nuxt-3-trello-mvp

Trello MVP Clone with Nuxt 3 (Beta)
Vue
5
star
20

vue-command-palette-sandbox

Vue
5
star
21

nuxt-notion-blog

Vue
5
star
22

vue-3-lab

Vue
5
star
23

vue-3-edge-functions-examples

Vue
5
star
24

vue-your-todos

Vue
5
star
25

essential-vue-3-patterns-and-techniques

Vue
4
star
26

vuejs-100-workshop

Materials for VueJS 100 workshop / tutorial
JavaScript
4
star
27

nuxt-blog-starter-kit

A starter kit for developers who want to build their own blog with Nuxt.js!
JavaScript
3
star
28

remotely-interesting-cover-generator

Vue
3
star
29

obsidian-vue-plugin

TypeScript
3
star
30

firebase-with-vue-3-and-vuefire

firebase-with-vue-3-and-vuefire
Vue
3
star
31

cssdevconf2017-animation-workshop

My notes from CSS Dev Conf 2017: Animation Workshop
3
star
32

nextjs-blog-theme

JavaScript
3
star
33

obsidian-nuxt-content

Vue
2
star
34

bencodezen-twitch-scenes

Vue
2
star
35

demo-restaurant-vue3-ts-contentful

Vue
2
star
36

netlify-nuxt-3-repo

2
star
37

alexa-game-keeper

An Alexa skill to serve as a companion to game nights!
JavaScript
2
star
38

egghead-digital-garden

Vue
2
star
39

obsidian-publish-vue

Vue
2
star
40

obsidian-tips

Vue
2
star
41

sanity-nuxt-events

Events with Nuxt.js
Vue
2
star
42

vite-vue-netlify-graph

Vue
2
star
43

vue-3-sandbox

Vue
2
star
44

build-with-ben-notion-and-vue

Vue
2
star
45

bencodezen-twitch-18

Vue
2
star
46

vue-2-lab

Vue
2
star
47

vue-3-with-netlify-forms

Demo of Netlify Forms with Vue 3
Vue
2
star
48

simple-nuxt-image-demo

A simple demo for how powerful and easy Nuxt Image is to use
Vue
2
star
49

alexa-fact-skill

Experimentation with Alexa Fact Skill
JavaScript
1
star
50

nuxt-2-lab

1
star
51

nuxt-proxy-app

nuxt-proxy-app
TypeScript
1
star
52

vue-3-ts-lab

Vue
1
star
53

scalable-prop-patterns

Vue
1
star
54

bemmetcss

CSS
1
star
55

nuxt-3-supabase-todomvc

Vue
1
star
56

fem-reactjs-bholt

Work while following along Brian Holt's ReactJS course on Front End Masters
JavaScript
1
star
57

my-first-serverless-project

HTML
1
star
58

rust-lab

Rust
1
star
59

nuxt-2-demo

Vue
1
star
60

vue-vite-pokedex

Vue
1
star
61

react-lab

A place for research and experimentation with React.js
JavaScript
1
star
62

hackclub-vue-3-demo

Vue
1
star
63

unofficial-vuepress-guide

The unofficial guide to VuePress
1
star
64

coding-styleguide

An accumulation of ideas and best principles I use in my work
1
star
65

composition-api-counter

Vue
1
star
66

nuxt-earthquake-demo

Vue
1
star
67

effortless-effort

Vue
1
star
68

vue-need-a-budget

1
star
69

build-with-ben-23

Vue
1
star
70

hello-vuejs

A hello world demo of how amazing Vue.js is
JavaScript
1
star
71

vuepress-default-theme

Provides developers a baseline theme without ejecting.
Vue
1
star
72

vuepress-plugin-janitor

Cleans up your build files after you've finished generating them
JavaScript
1
star
73

vuepets

JavaScript
1
star
74

alexa-go-quiz-skill

A quiz on Alexa about go/baduk/weiqi!
JavaScript
1
star
75

vue-3-vite-netlify-template

Vue
1
star
76

vue-3-vite-lab

Vue
1
star
77

nuxt-pokedex-demo

Demo of Nuxt 3 with Netlify Serverless Functions with PokeApi
Vue
1
star
78

alexa-hello-world-skill

JavaScript
1
star
79

vue-serverless-pokedex

Vue
1
star
80

simple-nuxt-blog

Vue
1
star
81

vue-art-gallery

Source code for the Vue Art Gallery site
JavaScript
1
star
82

learn-python3-the-hard-way

A repo to track my exercises for the Learn the Python3 Hard Way series
Python
1
star