Best of Next.js — January 2022

1. 1
   Article

   Hashnode·4y

   How to build a CLI using NodeJS 💻

   The command line interface (CLI) is one of the most basic and powerful applications ever created by mankind. We are going to be building a CLI which would generate starter templates with TailwindCSS, and Prettier pre-installed. We will be using a NodeJS framework called Tailwind CSS.

   41

   10
2. 2
   Article

   asayer·4y

   Creating a Markdown Blog Powered by Next.js in Under an Hour

   Markdown is a flat text format that looks like this:.css-194xkmm{position:absolute;right:22px;top:24px;padding:8px 12px 7px;border-radius:5px;color:6f7177;-webkit-transition:background 0.3s ease;transition :background 0,3s, ease;}. CSS-194Xkmm:hover{background:rgba(255,255, 255,0.07);}.css- 194xk mm[data-a11y="true"]:focus::after{content:"";position: absolute;left:-2%;top

   31

   1
3. 3
   Article

   Towards Dev·4y

   Next.js | How to display a good loader/shimmer while processing a getServerSideProps request.

   Next.js | How to display a good loader/shimmer while processing a getServerSideProps request. Pages that use the getServer sideProps function cannot be cached or pre-loaded. The user have a impression that link don’t work well because the same page displayed to him.

   23

   2
4. 4
   Article

   asayer·4y

   An Alternative to Next.JS? - Everything You Need to Know About RemixJS

   Remix is a new full-stack JavaScript framework that does away with static site generation. It uses React to render the user interface, and it shares quite a number of similarities with NextJS. There are, nevertheless, clear distinctions, such as nested routes, data fetching, saving management, and error handling.

   19
5. 5
   Article

   DevDojo·4y

   Metamask authentication in Next.js with Clerk 🔒

   Clerk is one of the best ways to add authentication to a Next.js or a react application. It gives us things that are a pain to handle on our own like user management and multiple sessions. Let's take a look at how to implement it in our app.

   11
6. 6
   Article

   freeCodeCamp·4y

   Get Started with Next.js – The React Library Your Project Needs

   Next.js is the most important React library you will use to build 90% of your projects. The ultimate tool for any React developer to learn and improve their own projects is Next.js. Next gives you features to improve your development experience but doesn't constrain the amount of options you can choose from.

   11