Overview:

eCourse is a sleek and customizable website template designed for effortless self-hosting of online courses. It provides a user-friendly foundation for educators and content creators to showcase their expertise. The template is built using Svelte as the UI framework, TailwindCSS for styling, Iconify for icons, and is hosted on Cloudflare Pages for the frontend and PocketHost for the backend.

Features:

• Sleek and customizable website template
• User-friendly foundation for educators and content creators
• Self-hosting of online courses
• Built using Svelte as the UI framework
• Styling with TailwindCSS
• Icons provided by Iconify
• Frontend hosted on Cloudflare Pages
• Backend hosted on PocketHost

Installation:

To get started with eCourse, follow these steps:

1. Clone the project repository to your desired directory.
2. Run the following commands in your terminal:

npm install
cd client
npm run dev

3. Customization:

   • To customize the landing page content such as the logo and hero headline, modify the config.json file in the client/src directory.
   • You can also change the accent and background colors used throughout the app by editing the tailwind.config.js file in the client directory.

4. Content Management:

   • The PocketBase backend serves as a CMS for managing your course’s content.
   • The demo provided with the template includes two collections: “modules” and “lessons” with placeholder data.
   • To use your own data, simply replace the placeholder data with your own in the PocketBase backend.

5. Deployment:

   • To deploy eCourse, run the command npm run build in the client directory.
   • This will generate a dist folder containing an optimized and production-ready bundle.
   • Create a pb_public directory within the server directory and place the contents of the dist folder inside it.
   • With these steps completed, you can now deploy the application, including both the frontend and backend, on any cloud service provider.
   • Free alternatives for hosting include PocketHost and Fly.io.

Summary:

eCourse is a customizable website template built for self-hosting online courses. It provides a user-friendly platform for educators and content creators to showcase their expertise. With Svelte as the UI framework, TailwindCSS for styling, and Cloudflare Pages and PocketHost for hosting, eCourse offers a seamless experience for both frontend and backend management. Customization options and easy deployment make eCourse a valuable tool for launching and managing online courses.