Git Product home page Git Product logo

simply007 / kontent-sample-app-svelte-sapper Goto Github PK

View Code? Open in Web Editor NEW

This project forked from emplifi/reactiveconf-sapper-workshop

4.0 3.0 4.0 7.01 MB

Showcase of the Svelte application using Sapper and Kentico Kontent as the content source.

Home Page: https://kontent-sample-app-svelte-sapper.now.sh

License: MIT License

JavaScript 26.80% HTML 2.77% CSS 5.09% Shell 0.17% Svelte 65.16%
sapper svelte kentico-kontent cypress website sample

kontent-sample-app-svelte-sapper's Introduction

Build a Website on a Headless CMS with Svelte

Preview

Working repository for based on ReactiveConf 2019 workshop repository. The goal is to showcase a website for fictional café with Svelte, Sapper, and Kentico Kontent. The result can be deployed to ZEIT.

showcase of the site home page

Prerequisites

  • Node 10+
  • npm 6+
  • now

Getting started

  1. Clone the repository

    git clone https://github.com/Simply007/kontent-sample-app-svelte-sapper
  2. Install the packages

    npm install
  3. Register on Kentico Kontent

  4. Create an empty project

  5. Enable Content Management API

  6. Import content.zip data using Template manager

    • Use Project Id and Content Management API key from previously generated project.
  7. Place the PROJECT_ID to the src/cms.js configuration file.

  8. Run development environment

    npm run dev

🚀 Your site is now running at http://localhost:3000!

Functionality

Kontent.

Most of the content on the site is hard-coded. If you navigate to /offer section the food data and it's categories is stored Kentico Kontent.

Data in Kentico kontent propagated to the website

Deployment

Deployment could be performed using ZEIT's Now which is fully integrated GitHub.

Build

Build is perfomed in two steps, first you run npm run build and then npm run export. For more info visit Sapper documentation.

Prettier

If you run npm run prettier, the source code is formatted using Prettier.

Cypress (end-to-end testing)

If you run npm run test, it will run end-to-end tests defined in /cypress folder.

Thanks

Original project was based on now-sapper-demo by @antony and then showcased on Reactive Conference 2019 in Prague on the workshop from Social Bakers by Jan Vlnas.

kontent-sample-app-svelte-sapper's People

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  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.