Server - Contents

Svelte-Extras

new: 02-Nov-2025

1. Svelte-POP3

This Svelte-kit based app takes advantage of the presence of the iRedmail app - as its implementation described on this website. This Svelte website implements a contact page and an email-password login, all based on a custom domain by which the hosting virtual server is directed. These two features makes for an attractive combination for a small office or business, where the mailbox account holders are the officers and/or staff of such an enterprise, permitting the account holders to use the same private email and password to login to the website or their mailboxes.

Download and Install this Svelte-POP3 app

Download: svpopV01.tar.gz (~1.1Mb), place and untar this file in the home directory.

Follow the commands in PartA (step2), replacing but as there is no database, omit bun run db:start . Then follow with the commands in (step3).
Read and act on the Configuration Notes.

Configuration for the use of pm2

As for PartB, follow the instructions and commands in Steps 1 & 2, changing this one command for pm2:

sammy@imega /svpop:$ ORIGIN=https://localhost pm2 start build/index.js --name svpop //Ctl-C to exit

To deploy on the Nginx webserver, see Svelte-Deploy. Thereafter, any email user established on this mailserver will be able to login to the private pages of the website as well as his/her own mailbox.

Notes:
1. w3.css was copied into 'app.css' as a means to simplify the development of the website.
2. It is recommended to setup one particular mailbox to handle in-coming messages for the contact page (eg. info@myexample.com).

2. Svelte-Blog

A well-constructed blog app has been provided by Jimmy McBride's Blog which is summarized here in its basic form with some insights. In implementing this Svelte-kit, we have created with minimal, tailwindcss/typography, mdvex, bun options and deployed it with pm2.

Download and Install this Svelte-Blog app

Download: svblogV01.tar.gz (~0.4Mb) place and untar this file in the home directory.

To deploy on the Nginx webserver, see Svelte-Deploy. Before replacing localhost with your domain, test deploy it with the following commands:

sammy@imega /svblog:$ ORIGIN=https://localhost:3000 pm2 start build/index.js --name svblog //Ctl-C to exit
Notes:
1. All photos are saved to 'static' directory where .webp photo format is recommended.
2. Name of blogger and other details are configured in: src/lib/components/BlogCard.svelte
3. Categories can be implement by creating directories named after the category and writing selected post listings as navigation points in a +page.svelte file: eg src/routes/blog/categories/%category%/+page.svelte where for example, the %category% 'tech' has navigation points for all tech blogs. Such a directory could also be used just as an overall index.
Svelte Svelte-PartB
Svelte-Deploy Svelte-Extras