| title | description | author | publishedAt | updatedAt | tags | logoImage | |
|---|---|---|---|---|---|---|---|
Top 5 coffeeclass.io Articles of 2021 |
Take a look at the top 5 coffeeclass.io articles of 2021 and see what others are interested in. |
benjamin-carlson.mdx |
2021-12-31T14:15:00 |
2022-01-27T00:00:00 |
|
dart.png |
As 2021 comes to an end, we are going to take a look at the top 5 coffeeclass.io articles of 2021 by page views. We'll start with the least popular and work our way to the number one most popular article of 2021!
In our number 5 spot, we have "Connect Firebase To Next.js". In this article, we connect Firebase to Next.js and also add authentication, cloud firestore, realtime database, and storage. This is a great artcile to get you up and running with Next.js and Firebase fast.
<FeaturedPost title="Connect Firebase To Next.js" url="/articles/add-firebase-to-nextjs" date="April 15, 2021" views="657"
Seamlessly add Firebase to your Next.js project.
Next up, we have css! It is the only article tagged css and css-animation on coffeeclass.io but that didn't stop it from taking the number 4 spot!
<FeaturedPost title="Pure CSS Float On Hover Effect" url="/articles/make-div-float-up-hover-css" date="August 23, 2021" views="818"
A simple and fun css margin animation.
In our number 3 spot, we have hooks! Learn how to easily use the useEffect hook in React.js in this article.
<FeaturedPost title="useEffect() Hook in Next.JS - React Hooks" url="/articles/using-react-useeffect" date="August 09, 2021" views="1241"
Learn what useEffect is learn how to use useEffect in Next.JS.
Chakra-UI articles also did well this year. One in particular was "Chakra-UI Responsive Navigation Bar" which took the number 2 spot. Learn how to create a responsive navigation bar using Chakra-UI.
<FeaturedPost title="Chakra-UI Responsive Navigation Bar" url="/articles/create-responsive-navbar-using-chakra-ui" date="April 25, 2021" views="2153"
Learn how to create a responsive navigation bar using Chakra-UI.
This brings us to our most popular post of 2021, "How To Use The map() Function In Dart". The idea for this article came to me when I ran into an issue in one of my Flutter projects so I decided to write about it. Aparently many other ran into the same issue as well. The article goes over how to use the map function in dart and compares it to the map function in JavaScript.
<FeaturedPost title="How To Use The map() Function In Dart" url="/articles/map-function-with-dart-lists" date="April 28, 2021" views="2402"
Using .map() in dart doesn't have to be complicated.
If you already read all the above posts, we have many more articles! This article wraps 2021 for coffeeclass.io. Next year we plan to ramp up the number of articles we publish so be sure to check back soon!