Skip to content
Gallery
The Block Editor Revolution: From Productivity Tools to Simple Website Publishing
Block Editor Web Publishing
December Crunch Plan: Refined and Optimized for 4 Weeks
Tech Stack
Building DryCoal: A Block-Based Web Publishing Platform
Share
Explore

December Crunch Plan: Refined and Optimized for 4 Weeks

Core Goals

Deliver Core Functionality: Allow users to create, edit, and publish accessible websites with subdomains and optional custom domains.
Compliance and Accessibility: Ensure GDPR compliance, full accessibility (light/dark mode, ARIA roles, WCAG compliance), and robust security.
Streamlined Development: Focus on essential features only; advanced features and extras come post-MVP.
⁠

Week 1: Foundation and Core Dashboard

Tasks:
Deploy Coolify on Hetzner to manage the app and services.
Configure DNS for development (blokky.bombig.app with wildcard subdomains).
Set up Supabase for authentication (email/password) and database management.
Define Supabase database schema for:
Users.
Documents.
Metadata for custom domains and files.
Build a responsive dashboard layout with Tailwind CSS and ShadCN components.
Implement light/dark mode with Tailwind CSS.
Create basic CRUD functionality on the dashboard:
Display existing documents from Supabase.
Add working "Create" and "Delete" document buttons.
Build a placeholder "Edit Document" view to fetch document data (without block editor integration).
Test end-to-end database CRUD operations.
Delivery by End of Week: A hosted app with authentication, a functional dashboard, and basic document CRUD. Light/dark mode is fully implemented.
⁠

Week 2: Block Editor and Static Generation

Tasks:
Integrate Editor.js into the "Edit Document" view for creating content.
Save and load Editor.js content (as JSON) in Supabase.
Set up Astro (or an equivalent static generation tool) to dynamically generate optimized static pages.
Create an API endpoint to trigger Astro to:
Generate static HTML/CSS/JS for a document.
Collect required assets (images, fonts, etc.).
Deploy generated static pages to Tebi.io.
Implement end-to-end publishing workflow:
User edits a document in the block editor.
Clicking "Publish" triggers Astro to generate and upload the page to Tebi.io.
Return a link to the static site hosted on Tebi.io.
Test and debug the publishing flow.
Delivery by End of Week: Users can create, edit, and publish documents as optimized static sites hosted on Tebi.io.
⁠

Week 3: File Management and Domain Integration

Tasks:
Implement file upload functionality using React Dropzone.
Integrate Tebi.io for file storage:
Configure S3-compatible upload for user files.
Save uploaded files' metadata (e.g., URL, type, size) in Supabase.
Add file processing workflows:
Malware Scanning: Use ClamAV or VirusTotal API.
Image Optimization: Use Sharp for resizing, compression, and format conversion (e.g., WebP).
Generate responsive image sizes (e.g., thumbnails, full-size).
Build a domain management UI in the settings page:
Allow users to link custom domains.
Add CNAME validation API route for domain ownership.
Configure Tebi.io’s custom domain hosting:
Enable HTTPS for custom domains using Let’s Encrypt.
Map domains to user-specific subfolders in Tebi.io.
Test custom domain linking and deployment workflows.
Delivery by End of Week: Users can upload files (with scanning and optimization) and link custom domains to their sites. Published sites on Tebi.io are accessible via subdomains or custom domains with SSL.
⁠

Week 4: Testing, Optimization, and Deployment

Tasks:
Perform comprehensive testing for all workflows:
User authentication and dashboard operations.
Document editing and publishing.
File uploads and domain linking.
Debug any remaining issues with subdomains, custom domains, and DNS configurations.
Conduct a final accessibility audit for WCAG compliance.
Deploy the production app via Coolify:
Landing page: useblokky.com.
Application: app.useblokky.com.
Published sites: *.blokky.site.
Write minimal onboarding documentation or tooltips for beta users.
Delivery by End of Week: The app is deployed to production with all core features tested and ready for beta users, with production domains configured.
⁠

Summary of Weekly Deliverables

Week 1: Hosted app with authentication, responsive dashboard, basic CRUD for documents, and light/dark mode.
Week 2: Users can edit content with Editor.js and publish documents as optimized static sites on Tebi.io.
Week 3: Users can upload files (scanned and optimized) and link custom domains with SSL support.
Week 4: Fully tested and deployed MVP ready for beta users, with production domains configured.
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.