• Free Website

    Looking for a way to showcase your work? Want to avoid hosting costs?

    Ya, me too.

    There are a thousand ways to build a website from Squarespace to Wix to WordPress each with itā€™s pros and cons but one thing they all have in common is a monthly services fee. Some hosts are pretty cheap at only a few dollars a month but those same hosts usually require multi year plans and those rates go up over time.

    So what do we do, give in and pay to host our websites? No! there is a better way.

    We will need a few things to get our site build and online:

    • A free Cloudflare account
    • A domain (I suggest using Cloudflare or Google Domains)
    • A free application localWP
    • A free WordPress plugin Simple Static
    • About an hour

    *As with anything there is a catch, this is for static content so no forums, no comments, etc.

    What were about to do is use localWP to create a WordPress website on our computer. We will then install the Simple Static plugin and export our site. Finally we will upload our site to Cloudflareā€™s Pages application and host our site for free.

    Installing WordPress using localWP

    localWP is a local WordPress development tool that will get us a site in a few simple clicks. Lets start by downloading and installing localWP.

    Select your platform.

    Follow the steps to install the application on your device.

    Launch the localWP application.

    Create a new site in localWP.

    Choose ā€œCreate a new siteā€ and click Continue.

    Give your site a name and click Continue.

    Choose your environment (Preferred is fine) and click Continue.

    Enter a username and password then click Add Site.

    Wait a few seconds and localWP will setup your WordPress site.

    To make our lives a little bit easier turn on the ā€œOne-click adminā€ option.

    You now have a WordPress site running on your local computer!

    To access your site click on the ā€œOpen siteā€ button in the top right corner.

    To access your site settings click on the ā€œWP Adminā€ button also in the top right corner.

    Now is a good time to pick a theme and setup your site.

    Create new pages, posts, or add media.

    Really go to town and create something compelling.

    Ahh thatā€™s more like it, looking good.

    Installing The Simply Static Plugin

    Now we need to install and activate the Simply Static plugin.

    Now lets click on the Simply Static menu item.

    Now click ā€œGENERATE STATIC FILESā€.

    Finally click ā€œClick here to downloadā€ to get our static site files.

    Cloudflare Pages

    Now we need to mosey on over to Cloudflare.

    If you havenā€™t already create a free site (they still want your credit card info though).

    Now depending on where you purchased your domain the next steps will vary.

    Either buy a domain from Cloudflare or ā€œadd a siteā€ if you have a domain else where (this has a few steps including changing name servers but nothing too difficult and most of itā€™s well documented).

    Click ā€œAdd a Siteā€.

    Type in your domain (mine is alexlyman.me) and click ā€œAdd siteā€.

    Then scroll all the way to the bottom of the page to find and select the Free plan, then click ā€œContinueā€.

    On the next screen you can just scroll past all of this and click ā€œContinueā€.

    This screen gives us what we need, new name servers to add to our domain.

    Do that (I had to on google domains) and then click ā€œContinueā€.

    Now we have to wait a little bit for the name servers to update, so grab some snacks, watch a YouTube video and come back and refresh the page.

    You should see something like this.

    Now we need to click on the back arrow by our domain name in the top left.

    You should now see your domain listed as Active.

    Now click on the ā€œPagesā€ item on the left had menu.

    Then click on ā€œCreate a projectā€.

    Scroll down and click ā€œUpload assetsā€.

    Name your project and upload the .zip from we created using Simply Static and then click ā€œDeploy Siteā€.

    You should be met with a success screen and a temporary domain.

    Now click ā€œContinue to projectā€.

    This is your new Pages project, all thatā€™s left now is update the domain name.

    Click on ā€œCustom domainsā€.

    Click ā€œSet up a custom domainā€.

    Enter your domain and click ā€œContinueā€.

    Review and click ā€œActivate domainā€.

    If everything went according to plan you should see this screen.

    Congratulations!

    But wait, when I go to my domain I donā€™t see my site? What gives?

    Well it can take up to 48 hours for the DNs records to update so sit tight.