Making the ultimate website

A complete list of thing on my effort trying making the ultimate website.

I a previous article I wrote about thoughts when to make a static website / application dynamic. I found a near perfect solution, at least I thinks so. Ofcource there's other things I like to improve. Anyhow, these are the steps I made and concluded.

First of, making a desicion on what technology to use. Since this project is about React, it involves React, Next and development in ES6. I also wanted to be able to switch between different Headless CMS. I did go for Sanity Studio, since it's a local(Norweigian) company, but also because that I like everything about Sanity. I also wanted it to be free, if possible. Next decision was on where to host my site. Everything I did to this site, Its totally free, except for the domain service, which everybody needs and thats a cost you need to take.

Development

I created my site in React, Next JS with Next Export site as default setup. I choosed that because that is the type of page that has no performance issues. I also doesn't need a databas. And also make deployment easy. No setup, just push the site to a server. The problem here was that I needed do updates, post new content, pages and so on.

Now, Next JS deployment

Hook's from Next(Now) requires a git repository, and since I had my site on Bitbucket, that step was already done. Host your site on Now is also free. At least for non company sites.

Headless CMS

To add new content to my website, I needed som caind of CMS. Sanity is easy to deploy , use, extend and is fast to serve my site with new content. Its also free to use.

Database

Since I use Sanity Studio I dont ever going to neeed to touch a database. Which is also a good thing, no deployment, configurations and so on. So no more databases.

Cloudflare

Iv'e been using cloudflare for some time now and there's no better service out there that has all those features like, DNS, Caching, SSL and so on. This service is also free.

EmailJS

For my contactform I needed a service or gateway to send data from the form to my email. For this I used EmailJS, a free service that is easy to use and setup any template for the amils of your choise.

Improvements

Could there be any improvements to this? I sure think so. Next Js have released a new feature that is called SSG (S)erver (S)static (G)eneration, whish makes the updates instant, but not confuse this with SSR (s)erver (S)ide (Rendering) which is a totally different thing. This is my next project, to make instant updates on a static site! That is wonderful news.

Cheers until "next" time!


Created by Bootproject editor on 2020-03-01


  • multi

    About

    The Swede(me), Rickard Magnusson a Senior Software Engineer, currently employeed as a freelance consultant in Norway.

  • Legal

    Bootproject.se and Footer.se is property of Bootproject and may be used under (MIT)licence . See project on Bitbucket

  • Logo Contact

    Email: bootproject@icloud.com

(©) Copyright www.bootproject.no 2020