🎉 Starter repo for Vue and Nuxt, together with GraphQL and Tipe 💯
Tipe, pronounced type, is a content backend for all your apps. If you have any non-user generated content in your apps, you should use Tipe to manage it. You and content creators can use our web app to create and publish content, then consume that same content with our REST and GraphQL API's.
This repo is a solid starting point for anyone looking to build a Universal, SPA, or Static site with Vue and Tipe. The repo consists of a simple blog application that consumes content from Tipe via GraphQL.
- Node (version is whatever Nuxt needs)
- An account on Tipe
- Tipe is free right now!
- Clone this repo
- Install dependences
yarnornpm install
- Create a
.envfile on the root of this repo. Copy over the contents from.sample.env. - Replace the env values with your API Key and Org ID from the Tipe dashboard.
- Run
yarn devornpm dev'- this will start Nuxt dev Universal mode
Apollo will fetch the content from your tutorial folder on your Tipe account. Becuase Nuxt is running in Universal mode, the content is rendered with the App and then cached and transferred to the client side.
Most of the content you see on the app is from Tipe. Take a look at the /apollo/query/ folder. Notice the queries and how they relate to your content on the Tipe dashboard in the tutorial folder. There's no reason why all the content on this starter app couldn't be stored in Tipe. It's non-user generated, and as a developer, you should never hard code content.
- Fork and cut a PR, we'll check it out 😎
MIT