Guide Using Github with Netlify to Streamline the Process

Adsterra
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.
 
Galaksion Contest
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.
 
Top