Giter Club home page Giter Club logo

surreal-sveltekit's Introduction

Surreal Sveltekit: A Starter Kit with SurrealDB and SvelteKit, featuring Authentication and CRUD Operations + Realtime

Feedback

โญ Found this project helpful? Show some love with a star! Your support keeps the code evolving. ๐Ÿš€

Auth

auth.mov

Username Validation

username-validation.mov

CRUD & Realtime

realtime.mov

Requirements:

  • Docker
  • Ensure that ports 5173 and 8000 are available for use.

Modern Stack:

  • SurrealDB - The ultimate multi-model database
  • surrealdb.js for interacting with awesome SurrealDB
  • sveltekit-superforms + zod to enable super powers in working with forms - Superforms | Zod
  • @master/css.svelte as an interesting alternative for TailwindCSS - MasterCSS
  • dayjs to enable high level of DX in working with time and dates - Day.js

Setup Process:

  1. Clone the repository to your local machine.
  2. Install dependencies. For example:
bun install

If you don't have bun installed, you can utilize pnpm or any other Node.js package manager. For instance:

pnpm install
  1. Execute the provided npm script. For example:
bun run multitaskum:developum

If you don't have bun installed, you can utilize pnpm or any other Node.js package manager. For instance:

pnpm run multitaskum:developum

This command will initiate SurrealDB within a Docker container and launch SvelteKit in your local development environment.

  1. Access http://localhost:5173 using your preferred web browser.
  2. Test various functionalities such as creating a new account, logging in, generating new posts, editing posts, and deleting them.

Issues and Contributions:

  • If you encounter any issues (as I rushed a bit to meet the hacktoberfest deadline), please feel free to open an issue.
  • I am open to any contributions as I aspire to make this starter a top choice for initiating projects that utilize the best modern technologies.

surreal-sveltekit's People

Contributors

oskar-gmerek avatar dependabot[bot] 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.