Best Bits 2021 ...
- React
- Gatsby
- Serverless Functions
- three.js
- react-three-fiber
- JavaScript
- TypeScript
- Theme UI
- GitHub REST
Oh hey there! 👋
Here’s a byte-size round up of things i’ve done so far this year. This post is pinned and will be updated as the year progresses. For reference here’s my best bits from 2020
1. Gatsby Serverless Functions And The International Space Station
After a small experiment with the Where is ISS at API, Gatsby Serverless Functions and react-three-fiber Smashing Magazine got in touch and asked if i’d be interested in writing an article about how I made the interactive 3D globe that plots the position of the ISS in real time: So here ya go: Gatsby Serverless Functions And The International Space Station
Gatsby recently announced the launch of “functions”. Let’s try it out by getting the current location of the International Space Station (ISS) as it orbits the Earth in realtime using Gatsby Functions and React Three Fibre:https://t.co/Dh6IDIPjJv (written by @PaulieScanlon) pic.twitter.com/wBmPVG6oVD
— Smashing Magazine 🇺🇦 🏳️🌈 (@smashingmag) July 26, 2021
2. 500 Bottles Giveaway
In June / July I worked closely with Gatsby’s marketing team to create, design, build and document a global FREE swag giveaway competition called 500 Bottles. Users were invited to “spin the bottle” for their chance to be part of the worlds most exclusive swag club. Winners received a limited edition water bottle designed by me!
The game mechanic acts as “gated content” and only once a visitor has submitted their name and email address can they play. In the first week of activity this campaign generated more than 1000 new leads. More than any previous marketing campaign run by Gatsby.
You can read more about how I made the site on the Gatsby blog: How We Made the Gatsby 500 Bottles Giveaway
🍾 Give the bottle a spin for your chance to win then learn how to build your own headless Shopify site using Gatsby!
— Gatsby (@GatsbyJS) July 7, 2021
🕺🏼 @PaulieScanlon shares step-by-step how he created this demo and how you can build your own today on the Gatsby Blog!
👉🏾 https://t.co/pFjrl7jPc1 pic.twitter.com/HdOGOgtGnT
3. Presenting the 2020 Silly Site Challenge Winners!
In Dec 2020 I participated in Gatsby’s #SillySiteChallenge where I fused creative web development with next level Gatsby tech to create BumHub. The challenge saw 900 developers from around the globe participate in the challenge with 134 crossing the finish line. The top Twenty entries were awarded a spot in the hall of fame but, unbelievably I was named overall winner. You can read the full post on the Gatsby blog: Presenting the 2020 Silly Site Challenge Winners!
🏆They came, they coded, they were seriously silly — Congratulations to the Gatsby #SillySiteChallenge Top 5!
— Gatsby (@GatsbyJS) January 26, 2021
🍑@PaulieScanlon
👹@MatthewJFrawley
🍇@GatherContent
💽@yihwan
🃏@MammothDotTech
💜A BIG thank you to all who submitted — More details 👇🏿https://t.co/CWgo55tKs6 pic.twitter.com/3fe7mb0QYv
4. Bottoms Up: Gatsby File System Route API + Bums = BumHub
As mentioned above I was announced the overall winner of Gatsby’s 2020 #SillySiteChallenge and was asked to write a rundown of how I came up with the idea and what my working process involves. You can read the full post on the Gatsby blog: Bottoms Up: Gatsby File System Route API + Bums = BumHub
🍑 Butting into your day with a cheeky post you can really get behind.
— Gatsby (@GatsbyJS) January 28, 2021
✨ Here, @PaulieScanlon shares the inspiration and steps he took to create the Gatsby #SillySiteChallenge winning site: BumHub!
👉🏾 https://t.co/VWPIK8vc5Q pic.twitter.com/IEeqIouQQd