Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ashot72/sapper-svelte-forum

Sapper (Svelte) Basic Forum
https://github.com/ashot72/sapper-svelte-forum

bootstrap-svelte firebase-database forums sapper sapper-app svelte svelte-components

Last synced: about 4 hours ago
JSON representation

Sapper (Svelte) Basic Forum

Host: GitHub
URL: https://github.com/ashot72/sapper-svelte-forum
Owner: Ashot72
Created: 2020-01-19T09:57:03.000Z (almost 5 years ago)
Default Branch: master
Last Pushed: 2023-01-05T05:18:24.000Z (almost 2 years ago)
Last Synced: 2023-03-06T12:28:22.555Z (over 1 year ago)
Topics: bootstrap-svelte, firebase-database, forums, sapper, sapper-app, svelte, svelte-components
Language: HTML
Homepage:
Size: 3.82 MB
Stars: 4
Watchers: 1
Forks: 2
Open Issues: 11
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        This is a Sapper (Svelte) basic forum web application which I already built with [Vue.js ](https://github.com/Ashot72/Vue2Forum) and [Nuxt.js](https://github.com/Ashot72/Nuxt2Forum).

[Svelte](https://svelte.dev) is a radical new approach to building user interfaces. It shifts the work into a compile step that happens when you build you app as opposed to React and Vue frameworks where the bulk of the work is done in the browser. Svelte is a compiler not a framework. Svelte works on real DOM, no virtual DOM. The idea behind Svelte is that you do not ship your code in a framework but you write a code using a certain syntax and the Svelte is a tool that runs over your code and generates pure vanilla JavaScript code which is highly optimized and which contains a bunch of instructions which will basically make the things happen in the browser. Reducing the amount of the code you have to write is an explicit goal of Svelte. For example, a React component is typically around 40% larger than its Svelte equivalent.

[Sapper](https://sapper.svelte.dev/) is an application framework powered by Svelte. If you are familiar with Next.js for React, the framework built on top of React, or Nuxt.js for Vue, it is the same idea with one major difference – better performance. Sapper takes care of all the heavy lifting including things like Server Rendering, Routing, Code splitting, Progressive web app by default, prefetching of routes, testing etc.

The app is hosted on Firebase (static hosting) https://svelte-forum.web.app/. You may not see the forums, topics, posts you created or even receive ‘Page Not Found’ after refreshing the browser.

You will not face it if you run your app locally. Please watch the video and read the description below.

The app does not work properly in Microsoft Edge browser because of Bootstrap components for Svelte package (more on description page).

To get started.

```

       Clone the repository

       git https://github.com/Ashot72/sapper-svelte-forum

       cd sapper-svelte-forum

       # installs dependencies

       npm install

       # starts the app in development mode, and watches source files for changes

       npm run dev

       # builds the app in production mode

       npm run build

       # bakes out a static version, If applicable

       npm run export

       # starts the app in production mode after you’ve built it

       npm start

       # runs the tests

       npm test

```

Go to [Sapper Svelte](https://youtu.be/_GnSUpDZSIE) video page

Go to [How to run and description](https://ashot72.github.io/sapper-svelte-forum/) page