Website Convergence / on Github Pages
. site + space members Auth0 : https://convergence-human-technology.github.io/site
. OpenDyslexic Fonts & Resources : https://github.com/madjeek-web/open-dyslexic/tree/main
https://github.com/convergence-human-technology/site/...
├── index.html ← Public page (home)
├── membres.html ← Private page (members area)
├── callback.html ← Auth0 return page (required)
├── css/
│ └── style.css
├── js/
│ └── auth.js ← All the logic Auth0
└── img/
└── logo.png
@see tutorial : https://github.com/convergence-human-technology/github-pages-auth0-free-members-area
By default, anyone can create an account. To restrict access to certain pages of the site for users who have not yet paid their Convergence membership fee, a serverless workflow connects Stripe with Auth0 and GitHub Pages at zero cost.
User
|
v
Creates an account (Auth0) -- free
|
v
Pays via Stripe Payment Link -- free to create
|
v
Stripe sends a webhook to Pipedream -- free
|
v
Pipedream marks the user as paid in Auth0 -- free
|
v
membres.html checks the paid status in the token -- free
| Service | Role | Cost |
|---|---|---|
| GitHub Pages | Site hosting | Free forever |
| Auth0 | Login and paid status | Free up to 25,000 users/month |
| Stripe Payment Links | Payment collection | Free (commission on sales only) |
| Pipedream | Receives Stripe webhook and updates Auth0 | Free |
Stack used for payments : stripe.com
Stripe Payment Links works differently from Gumroad. Stripe is more powerful for collecting personalized information from future members before payment.
Let's start from the beginning, in logical order Here is the complete 4-step plan:
. Step 1 : Stripe Payment Link (10 minutes) Create a payment link on stripe.com that corresponds to your "entry fee". No code needed. Stripe generates a URL like buy.stripe.com/xxxxx that you simply put on your site.
. Step 2 : Pipedream receives the Stripe webhook (20 minutes) When someone pays, Stripe automatically sends a message to Pipedream. Pipedream is a free service that allows you to connect services together without a server.
. Step 3 : Pipedream updates Auth0 (20 minutes) Pipedream calls the Auth0 API to add metadata to the user:
{ "paid": true }. Step 4 : members.html checks the paid status The members page reads this metadata and redirects to the paid content or displays a message "Access denied, please pay".
Create 3 separate products in Stripe:
Choose: "One-time" (not recurring)
Each membership is paid in a single payment for the full duration.
| Product | Duration | Price / month | Total (one-time) |
|---|---|---|---|
| Membership – 1 Year | 12 months | €15 / month | €180 |
| Membership – 3 Years | 36 months | €10 / month | €360 |
| Membership – 5 Years | 60 months | €8 / month | €480 |
The Convergence Membership provides access to product demos and presentation pages.
Convergence is a software company that designs PC applications and innovative IT solutions based on unique concepts never explored elsewhere.
Your membership gives you access to all presentation and demonstration pages of our exclusive products.
Simple yet powerful tools, unlike anything else in the world, available only to Convergence members.
Step 1 : Create a Pipedream Account Go to pipedream.com → Sign Up → continue with GitHub (keeps everything consistent with your project).
Step 2 : Create a New Workflow
- Click "New Project" then "New Workflow"
- Click "Add Trigger"
- Search for "Stripe" in the list
- Select :
- "New Payment Intent" or
- "Checkout Session Completed"
Step 3 : Connect Your Stripe Account Pipedream will ask for access to Stripe:
- Click "Connect Stripe"
- Authorize access
Step 4 : What Pipedream Receives Automatically
When a customer makes a payment, Stripe sends an event containing:
- Customer email
- Amount paid
- Payment status
Pipedream captures this event and triggers the next actions toward Auth0.
The workflow is now in production !
The Stripe → Pipedream → Auth0 automation is fully active and operational.
When someone makes a payment on Stripe :
- Pipedream automatically detects the event
- Auth0 is updated with:
{ "paid": true }Next Step : Create members.html
Now you need to create the members.html page that :
Checks if the user has paid their membership (paid: true)
Grants access to the protected content
Access Logic
If paid: true → Access granted
If not → Display message: "Access denied, please pay"
Members Content
This page provides access to exclusive Convergence product content, including :
-
Product presentations
-
Demo pages
Access is strictly reserved for users who have purchased a membership via a Stripe Payment Link.
The full system works as follows :
- A user makes a payment on Stripe.
- Pipedream updates Auth0 with :
{ "paid": true }members.html checks the user status and grants or denies access.
Access Levels
Standard User A user with a basic account can log in to the site but does not have access to premium content.
VIP User (Paid Member) A user who has purchased a membership via Stripe gets full access to :
. All products . Demo pages . Exclusive Convergence content
Access is granted only if paid: true.
| Parameter | Value |
|---|---|
| Auth0 Domain | convergence-tech.eu.auth0.com |
| Dashboard | manage.auth0.com/dashboard/eu/convergence-tech/ |
| Date | March 20, 2026 |
A Google OAuth2 client was created via Google Cloud Platform using the madjeek.agency Gmail account, on behalf of the Convergence project hosted on GitHub Pages.
| Parameter | Value |
|---|---|
| Client ID | [your client ID].apps.googleusercontent.com |
| Client Secret | GO[...] |
| Created | March 20, 2026 |
| Status | Enabled |
The OAuth consent screen is configured for external users and is set to production mode, meaning all users can authenticate without restriction.
The default Auth0 developer keys for Google have been replaced with the project's own Google OAuth2 credentials. This makes the authentication layer fully independent.
When a user completes a payment on Stripe, the following sequence runs automatically :
| Step | Service | Action |
|---|---|---|
| 1 | Stripe | Detects the completed payment |
| 2 | Pipedream | Receives the Stripe webhook event |
| 3 | Auth0 | User app_metadata is updated with paid : true |
| 4 | membres.html | Reads the metadata and grants or denies access |
The members page checks the custom claim injected into the Auth0 token at login via a Post Login Action. If the claim is present and set to true, access is granted. If not, the user is redirected to the pricing section.
The Pipedream workflow is deployed and active in production. The Auth0 Post Login Action named "Add paid claim" is attached to the login trigger and runs on every authentication.
The complete system is working:
- Stripe → 3 membership products created
- Pipedream → Automatically detects payments
- Auth0 → Receives
paid: trueafter each payment - members.html → Checks access and redirects if not paid
- If
paid: true→ User is granted access to premium content - If not → User is redirected or shown: "Access denied, please pay"
This ensures that only paying members can access Convergence’s exclusive products and demo content.
We now have a 100% free website with a complete professional system :
- A website with Auth0 authentication
- Stripe payments fully integrated
- Pipedream automation handling payment events
- A secure members area with controlled access
- A free domain and hosting via GitHub Pages
A fully functional and professional ecosystem completely free where :
- Users can sign up and log in
- Payments are processed seamlessly
- Access rights are updated automatically
- Premium content is securely restricted to paying members only
We now have a 100% free website, with a complete professional system 100% free: - A site with Auth0 authentication - Stripe payments - A Pipedream automation - A secure member area - a domain name and free hosting via github page. The whole thing is 100% free.
With a GitHub Pages website, default URLs are not always very aesthetic.
Fortunately, there are simple, fast, and low-cost solutions to make them cleaner and more professional.
You can purchase a domain name like visiontech.org from providers such as :
- OVH
- Namecheap
- Cloudflare
Then, in your GitHub repository :
Settings → Pages → Custom domain
Enter your domain name.
Your site becomes accessible via a clean and professional URL like :
https://visiontech.com
instead of a long and complex GitHub Pages URL.
If you purchase your domain directly from Cloudflare, you also get :
- Competitive domain pricing
- Automatic HTTPS certificate
- Clean URLs
- Very fast setup (just a few minutes)
I recommend using Cloudflare for your domain :
- Easy integration with GitHub Pages
- Fast configuration
- Professional result
It’s one of the simplest ways to upgrade your site’s appearance and credibility.
GitHub Pages is not suitable for all projects :
"GitHub Pages is neither designed nor authorized to be used as a free web hosting service to manage your online business, your e-commerce site, or any other website whose primary purpose is to facilitate commercial transactions or to provide commercial software as a service (SaaS)."
Recommendations : For certain projects, consider these free or very low-cost alternatives :
-
Netlify (generous free plan, designed for commercial static sites)
-
Vercel (same)
-
Cloudflare Pages (free, fast, no commercial restrictions)
These three platforms explicitly allow commercial sites, are faster than GitHub Pages, and support Auth0 + Stripe without issue. Migrating from GitHub Pages to one of these platforms takes about 30 minutes, and the HTML/CSS/JS code remains identical only the hosting changes.