Whale-Green
Unlock high-converting offers & powerful promotion tools. Follow the whale to affiliate success!

Guide Using Github with Netlify to Streamline the Process

is there some way to 'connect' the page ? I use wordpress befefore and if i add it to the main page ,the whole site page will load it . I guess on this way all the page are 'independent'?
Right. Each page is separate.

What you can do, though, is make a global scripts file that contains scripts you'll use on every landing page and then just put it in the root of your domain and link it to all of your landing pages. This way, when you change the global scripts file, it'll change the scripts for every/any landing page that's utilizing that global scripts file.
 
Partners.House
like the guru you are Nick, even i don't know coding i can also set everything up follow along, thx๐Ÿ˜€
 
Just changed my landers to utilize this setup! I am a fan of creating systems and automating stuff so that things can get done systematically and easily with less errors as possible.

This saves me so much time compared to when I was overpaying for a digitalocean droplet to host my landers and also uploading using filezilla takes ages. Now I just change my landers in vs code and upload them with 1 click. Thanks @Nick!
 
I suppose that's another way to do it. ๐Ÿ‘

I myself run a node.js script that builds + optimizes the landing pages. It also uses the javascript-obfuscator package. :)
Hi Nick, could you elaborate bit more about node.js script? Where could I find more info about how to set it up?
 

Auto-Purge the Cloudflare Cache​

On your siteโ€™s page inside your Netlify account, navigate to the Plugins page with the menu at the top:



Then click Go to the plugins directory.

Find the plugin, Cloudflare Cache Purge, and click Install.



Now youโ€™ll need to configure the plugin.

The following was taken from the pluginโ€™s docs:

From Cloudflare, you'll need:
  • Your Zone ID. Go to your Cloudflare dashboard, enter your website, and look in the bottom right-hand corner under 'API'.
  • An API Token

API TOKEN - Instructions for creating new Cloudflare API Token

  1. In Cloudflare, navigate to My Profile --> API Tokens
  2. Click Create Token Button
  3. Click Custom Token Section --> Create Custom Token --> Get Started Button
  4. On the Create Custom Token Page:
    • Token Name --> Netlify Purge Cache Token (or anything other name that is meaningful to you)
    • Permissions --> Zone --> Cache Purge --> Purge
    • Click Continue to Summary button
  5. Click Create Token Button
  6. Record the API Token to your password safe of choice. This is the last time you will have an opportunity to see this token.

API TOKEN - Instructions for configuring Netlify

In Netlify, go to Settings -> Build & Deploy -> Environment -> Environment variables and set up:
  • CLOUDFLARE_ZONE_ID
  • CLOUDFLARE_API_TOKEN
If youโ€™ve configured this correctly, the next time you push your updated code to Github, you should see a similar message in your Netlify deployment log indicating the Cloudflare cache was cleared.



Boom!

Now you can spend more time doing other things than wasting time moving files around, clearing caches, and making mistakes in the process.

Just push your code to Github, wait about 10 seconds, and everything is updated. ๐Ÿš€
Hei Nick, I dont use Netlify just CF pages, I guess I still need to purge the Cloudflare Cache? If yes, maybe you could tell me is there a way to set up auto purge?
 
Hi Nick, could you elaborate bit more about node.js script? Where could I find more info about how to set it up?
It's just a script that builds, creates, modifies a bunch of files. You could look into various static site builders, but other than that there's nothing I know of about it; I created it myself for my own uses.
Hei Nick, I dont use Netlify just CF pages, I guess I still need to purge the Cloudflare Cache? If yes, maybe you could tell me is there a way to set up auto purge?
Yes. If you run a node.js build script you can call the Cloudflare API to purge it. Other than that I don't know.
 
I use Cloudflare to host my LP. If I want to follow this tutorial to set it up, do I have to use Netlify (allowing to never have to visit Cloudflare when you change or upload new files)? If not, what should I do?Thanks! I couldn't find the relevant content

 
I use Cloudflare to host my LP. If I want to follow this tutorial to set it up, do I have to use Netlify (allowing to never have to visit Cloudflare when you change or upload new files)? If not, what should I do?Thanks! I couldn't find the relevant content

You can link Cloudflare pages to GitHub in a similar way.
 
I use Cloudflare to host my LP. If I want to follow this tutorial to set it up, do I have to use Netlify (allowing to never have to visit Cloudflare when you change or upload new files)? If not, what should I do?Thanks! I couldn't find the relevant content

You can find more info here:


I think @WealthyPlayboi explained everything.
 
Last edited:
Top