Code Monkey home page Code Monkey logo

nuxt-storyblok-multilanguage-tailwind's Introduction

[Not maintained anymore] nuxt-storyblok-multilanguage-tailwind

Main Features

  • Nuxt.js - The Vue.js App framework
  • Storyblok CMS - Headless Component-Based CMS with a Visual Editor
  • Tailwind - utility-first CSS framework
  • Multiple Languages
  • PurgeCSS (CSS Tree Shaking) - Get rid of all unused CSS
  • PWA
  • Sitemap
  • RSS Generation (WIP)

Getting startet

Setup Storyblok

Duplicate Space #59005

or:

  1. Create a free Storyblok account
  2. Create a new Space (name it however you like)
  3. Go to Settings -> API Keys and create a new public token
  4. Paste both, the preconfigured preview tokens and the public token to the corresponding fields in ./constants.js
  5. Create a new Component "PageGeneral"
    • Check "Act as content type"
    • Uncheck "Nestable"
    • Create a new schema key "metadata"
      • type: plugin -> select meta-fields
      • check "required"
    • Create a new schema key "body"
      • type: "Blocks"

Build Setup

# install NVM 
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.34.0/install.sh | bash
# install and use current node version 
nvm install 12
# install yarn globally 
npm i -g yarn # or skip if you want to stick with npm
# install dependencies
$ yarn # or npm install
# serve with hot reload at localhost:3000
$ yarn dev # or npm dev

Useful Links:

nuxt-storyblok-multilanguage-tailwind's People

Contributors

simonhermann avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.