Best Bits 2021 ...
- React
- Gatsby
- 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