¶ 1. Sign in to Supabase
Go to supabase.com and click on "Sign in".
¶ 2. Log in or register
Enter your email and password, or create an account.
¶ 3. Create a new project
Click "New project" and give it a name.
¶ 4. Finalize creation
Click "Create new project" to confirm.
¶ 5. Open SQL Editor
Open the SQL Editor from the menu.
¶ 6. Add sample data
Paste the sample data for a blog. You can generate this code by asking an AI:
write me SQL queries to create the necessary tables and populate them with fake data
this is for a supabase demo
make it a blog
Here is what I have used: supabase_blog_demo.sql
¶ 7. Run the SQL
Click "Run CTRL" to execute the SQL script.
¶ 8. View API documentation
Click "API Docs" to view the documentation.
¶ 9. Open API settings
Click "API settings" in the same section.
¶ 10. Copy credentials
Copy the project URL and anon key for later use in Silex.
¶ 11. Go to v3.silex.me
Open v3.silex.me in your browser.
¶ 12. Choose GitLab login
Click on "GitLab.com" to authenticate.
¶ 13. Authorize GitLab
Log in and authorize Silex to access your GitLab projects.
¶ 14. Open Silex dashboard
View your dashboard with all existing websites.
¶ 15. Create a website
Click "Create website".
¶ 16. Name your project
Enter a name like "Test supabase 1".
¶ 17. Confirm creation
Click "Create".
¶ 18. Open website editor
Click on your site to enter the editor.
¶ 19. Website editor interface
You are now inside the Silex editor.
¶ 20. Open site settings
Click to open the settings panel.
¶ 21. Go to CMS tab
Click the "CMS" tab.
¶ 22. Add a data source
Click "Add data source".
¶ 23. Enter name and URL
Use the Supabase project URL as endpoint.
¶ 24. Append /graphql/v1
Add "/graphql/v1" to the end of the URL.
¶ 25. Add HTTP headers
Click to configure headers.
¶ 26. Insert API key
Header name: apikey — Value: your anon key from Supabase.
¶ 27. Test the connection
Click "Test connection".
¶ 28. Confirm it's connected
You should see "connected".
¶ 29. Apply settings
Click "Apply" to save the configuration.
¶ 30. Design your website
Now you can switch to the generic Silex CMS docs
And you probably will want to
- set-up a web hook to rebuild and deploy the site on the push of a button in Supabase admin - HELP WANTED TO ADD TO THIS DOC