Skip to content
Branch: master
Find file History
esparkman and tomtev Update image.md documentation (#99)
This change updates a misspelling in the documentation
Latest commit 6be06ee Mar 16, 2019
Permalink
Type Name Latest commit message Commit time
..
Failed to load latest commit information.
images
README.md
assets-css.md
assets-fonts.md Font/SVG Documentation + Global Preprocessor Imports (#65) Feb 18, 2019
assets-scripts.md
assets-svg.md
basic-config.md
body-html-attributes.md
client-api.md
code-of-conduct.md docs: Add contribution and help docs [wip] (#67) Feb 18, 2019
code-splitting.md
components.md
config.md
custom-css.md
custom-fonts.md
data-dynamic.md
data-store-api.md
deploy-to-amazon-s3.md
deploy-to-amplify.md
deploy-to-gitlab.md
deploy-to-netlify.md
deploy-to-zeit-now.md
deployment.md
dev-tools.md
directory-structure.md
environment-variables.md
faq.md
fetching-data.md
filtering-data.md docs and blog post for gridsome v0.5 (#76) Feb 19, 2019
gridsome-cli.md
guide-comments.md
guide-forms.md
guide-search.md
head.md
how-it-works.md
how-to-contribute.md
how-to-create-a-plugin.md docs and blog post for gridsome v0.5 (#76) Feb 19, 2019
how-to-upgrade.md
images.md
install-plugins.md
layouts.md
linking.md
overriding-index.md
page-transitions.md Fix typo Feb 20, 2019
pages.md
pagination.md
plugins.md
prerendering.md
prerequisites.md
querying-data.md Update querying-data.md (#92) Feb 28, 2019
routing.md Update routing.md Mar 8, 2019
rplp-pattern.md
server-api.md
site-meta-data.md
starters.md
taxonomies.md
templates.md
transformer-api.md docs and blog post for gridsome v0.5 (#76) Feb 19, 2019
troubleshooting.md
use-cases.md

README.md

Getting started

Gridsome is a Vue.js-powered, modern site generator for building the fastest possible websites for any Headless CMS, APIs or Markdown-files. Gridsome makes it easy and fun for developers to create fast, beautiful websites without needing to become a performance expert.

Why Gridsome?

  • Local development with hot-reloading - See code changes in real-time.
  • Data source plugins - Use it for any popular Headless CMSs, APIs or Markdown-files.
  • File-based page routing - Quickly create and manage routes with files.
  • Centralized data managment - Pull data into a local, unified GraphQL data layer.
  • Vue.js for frontend - A lightweight and approachable front-end framework.
  • Auto-optimized code - Get code-splitting and asset optimization out-of-the-box.
  • Static files generation - Deploy securely to any CDN or static web host.

Learn more about how Gridsome works

Prerequisites

You should have basic knowledge about HTML, CSS, Vue.js and how to use the Terminal. Knowing how Vue Single File components & GraphQL works is a plus, but not required. Gridsome is a great way to learn both.

Gridsome requires Node.js and recommends Yarn. How to setup

1. Install Gridsome CLI tool

Using yarn:
yarn global add @gridsome/cli

Using npm:
npm install --global @gridsome/cli

2. Create a Gridsome project

  1. gridsome create my-gridsome-site to create a new project
  2. cd my-gridsome-site to open folder
  3. gridsome develop to start local dev server at http://localhost:8080
  4. Happy coding 🎉🙌

3. Next steps

  1. Create .vue components in the /pages directory to create page routes.
  2. Use gridsome build to generate static files in a /dist folder
You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.