The Real-World App (https://github.com/gothinkster/realworld) named the “mother of all demo apps” provides a fullstack Medium.com blog clone with a variety of frontend and backend stacks to demo the features needed for a robust web application.
This app demos the same features of “querying & persisting data to a database, an authentication system, session management, full CRUD for resources” while simplifying the app to an integrated stack of:
- SvelteKit: A top framework for developer retention in the 2021 and 2022 State of JS Survey (Source)
- Tailwind: Consistently the most popular CSS Framework in the annual State of CSS Survey (Source)
- EdgeDB: Open Source Database with 10 Years of Development providing the best of both worlds between SQL and an ORM (Source)
- Simplicity: Minimizes 3rd party dependencies in favor of using the platform to keep things simple
- Modern Tailwind Design: Uses the latest best practices for a beautiful design
- Desktop and Mobile-friendly: Looks great on both large-screen and small-screen (mobile) devices.
- Authentication and Authorization: Built-in users management with role based authorization
- 100% Performance Score on Google Lighthouse
- Modern Admin Panel: Elegant admin dashboard demoing CRUD operations for Posts, Comments, Tags, and Users
A blog overview page, blog page with comments, sign-in, sign-up and error pages.
Pages for users to update their profile and password.
Only users with role of ‘admin’ can access these pages. CRUD pages for users, posts, comments, tags.
Run command 'edgedb ui' in root folder to see the database explorer and query REPL
100% Performance on Google Lighthouse
EdgeDb is a prerequisite: https://www.edgedb.com/install
- Clone the repository and install dependencies:
git clone https://github.com/pro7tech/sveltekit-blog-app.git
cd sveltekit-blog-app
npm install
- Initialize files for connecting to database
edgedb project init
npx @edgedb/generate edgeql-js
- Run the dev server
npm run dev
Then navigate to the root directory of the app to automatically seed the database: https://localhost:5173/
You can then login to the admin pages with:
- email: [email protected]
- password: password