Software Engineer

When I first built my portfolio I used GitHub for the source control and deployed directly to Netlify on a push to master. This was a perfect setup, I didn't need any knowledge about #DevOps or anything, it was all just done for me.

One of the issues I had with Netlify was I wanted to gzip my JavaScript files, I had this setup in my #Webpack file, however Netlify didn't offer an easy way to set this.

Over the weekend I decided I wanted to know more about how #DevOps worked so I decided to switch from Netlify to Amazon S3. Instead of creating any #Git Webhooks I decided to use Buddy for my pipeline and to run commands. Buddy is a fantastic tool, very easy to setup builds, copying the files to my Amazon S3 bucket, then running some #AWS console commands to set the content-encoding of the JavaScript files. - Buddy is also free if you only have a few pipelines, so I didn't need to pay anything 馃馃徎.

When I made these changes I also wanted to monitor my code, and make sure I was keeping up with the best practices so I implemented Code Climate to look over my code and tell me where there code smells, issues, and other issues I've been super happy with it so far, on the free tier so its also free.

I did plan on using Amazon CloudFront for my SSL and cacheing, however it was overly complex to setup and it costs money. So I decided to go with the free tier of CloudFlare and it is amazing, best choice I've made for caching / SSL in a long time.

READ LESS
Portfolio - johnnyxbell | StackShare (stackshare.io)
11 upvotes2 comments377.4K views
biilmann
biilmann
January 28th 2019 at 8:39AM

Netlify gzips all text based files (js included) out of the box for clients sending the right accept header. No setup required.

Reply
Johnny Bell
Johnny Bell
January 28th 2019 at 3:52PM

Well that鈥檚 good to know, I couldn鈥檛 get it working though. I still host all my other apps on Netlify so I鈥檒l give it a go.

Reply
Avatar of Johnny Bell

Johnny Bell

Software Engineer