Giter VIP home page Giter VIP logo

sveltekit-directus-starter's Introduction

sveltekit-directus-starter

This is my attempt to showcase two of my favorite technologies working together in a simple, understandable way.

I call this project a demo but it could also be used as a starter. There are definitely more features than needed to be a starter. I have also added some very basic styling, I just couldn't do less, I'm sorry.

I have included some things that might seem unnecessary, but the goal is to show off concepts from both pieces of tech.

Anyone and everyone is welcome to use the code from this project however they see fit.

Requirements

To run locally, this stack requires:

  • Node 16+ & a package manager
  • Docker (for Directus)

Goals of this project

  • Create an easy to read and follow project structure
  • Utilize SvelteKit to allow the app to work with JavaScript Disabled
  • Everything strongly typed using TypeScript
  • A good showcase of Diretus and some of it's features

Things to remember

  • Will need to import data for full the demo to work.
  • The SvelteKit structure would need to be changed if you plan on using pre-rendered pages or ISR.

Setup

This project should only take a few minutes to setup on your own machine.

.env

Please setup an .env file with this info:

DIRECTUS_URL=

Future of this project

Any help or suggestions are welcomed. I plan on adding:

  • A range of tests

sveltekit-directus-starter's People

Contributors

stephengunn avatar

Stargazers

 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.