Subscribe if you want the Latest Ideas to your Email:
1. Download the blueprint for Contents Creation using Make (Just import this): blueprint.json
2. Download the this WordPress Like CMS Lightweight Created by DeepSeek R1: supabase-cms
3. Create a New Bucket in Supabase, name it “uploads”. Make sure to set the policy, watch the whole video below for instructions.
4. Run this SQL in Supabase to create the table for all your contents. Watch the whole video below for instructions.
CREATE TABLE articles ( post_id SERIAL PRIMARY KEY, post_content TEXT, post_title TEXT, post_path TEXT, image_path TEXT, date TEXT );
5. Spreadsheet template for automation: wordpress like CMS Template for Automation
Watch this video for Detailed Guide:
Initial Prompt I used:
Can you create a javascript full stack website the consists of the following?
First this should be fully running in a host that will accept only html and JS.
I can’t use any node or other JS library the requires server.
Make sure the below can be deployed and run without needing to run node or any backend javascript. Ideal would be JqueryA homepage which will have the path as /
this will serve as the initial view people will see in the website.
It should contain the recent posts from a supabase table database. Use http curl here so you will not need supabase JS library.
display the initial 10 recent posts, do pagination which will have the url like /?page=2
and so on if there are more than 10.
Provide a place in JS file and label it accordingly to adjust the recent post number on the homepageMake sure the display looks good and responsive. Display the title, an image thumbnail (just decide the smaller version dimension for thumbnail). The first 100 characters of the content then the link to the actual post.
Now for the individual post, I want the url to be /this-is-my-post
the path is from post_path column.
Then display nicely the post page with the title, the responsive image size, the full content rendering the html format, then on the side a recent 5 posts with the link.
Provide a place in JS file and label it accordingly to adjust the recent post number on the side.Also, provide the css in a easy to understand format, for example add a label to describe which color is it used for so if this project is distributed the color can be easily customized.
Add a placeholder in post page and homepage where I can easily setup the name of my site and the logo in the header. Also, the name of the site should be configurable in JS file, label it accordingly for easy maintenance.
See attached structure of the database table. The table name is articles:
post_id SERIAL PRIMARY KEY,
post_content TEXT,
post_title TEXT,
post_path TEXT,
image_path TEXT,
date TEXT