Intro to Blitz.js: A full-stack framework for Next.js

Blitz.js is an up-and-coming JavaScript framework built on React and Next.js. It is a full-stack, opinionated framework—meaning that it makes certain assumptions about how to structure your JavaScript applications. Perhaps the most interesting aspect of Blitz is its so-called zero-API approach, wherein the framework does the work of connecting the user interface to the back-end … Read more

Build a Dapp Using Next.js, Typescript, Wagmi, and the Coinbase Wallet SDK | by Michael Bogan | Aug, 2022

Onboarding new users with Coinbase wallet Cover image Web3 represents an exciting chapter in the development of the internet. The primitives that the blockchain provides will lead to an infinite number of applications and use cases. We’ve seen the explosion of ICOs, DeFi, NFTs, and peer-to-peer payment systems. However, we still have a long way … Read more

deployment – Next.js app running fine on local host but not on Netlify/Heroku/Vercel

I am not a Next.js developer but I know how to run the React/Next/Vue – Nodejs apps. I am able to run it locally by using ‘yarn run dev’ Check the Log from Netlify below. 7:53:06 PM: Build ready to start 7:53:08 PM: build-image version: 0e2f4c52031ab562db66aec633308326e3b108d0 (focal) 7:53:08 PM: build-image tag: focal 7:53:08 PM: buildbot … Read more

Build a Real-time Chat Application Using Socket.io and NextJS | by Szymon Kolber | Jul, 2022

How sockets work, what you can do with them, and how to implement the functionality with NextJS socket.io 101 There is always something more that you can add to your application. Maybe you’ve created a beautiful dashboard but you don’t want your user to refresh the site every time there is something new. Maybe you … Read more

How to Build a Fullstack App With Next.js, Prisma, Postgres, and Fastify | by Arctype | Jul, 2022

Build an attendance management app In this article, we’ll learn how to build a Full-stack application using Next.js, Prisma, Postgres, and Fastify. We will build an attendance management demo application that manages employees’ attendance. The flow of the app is simple: an administrative user logs in, creates an attendance sheet for the day, then every … Read more

Migrating a Create-React-App to NextJS | by Moleseng Mokgosi | Jul, 2022

And know the subtle differences between the two frameworks Image from ijsto I recently started building a web app for a salon, that would include a booking system. I wanted to design this in such a way that it would be easy for the user to navigate through the app, so I want to have … Read more

NextJS Vs React: Key Differences and Advantages

Choosing the right programming language for a website or an application development has always been a hassle. When it comes to selecting between two awesome programming languages ​​such as NextJS and React, it’s debatable. Both tools are best suited for creating web applications. If you’re an entrepreneur who wants to build a landing page, an … Read more

material ui – Server-side rendering broken after upgrading to MUI 5 (with Next.js)

I migrated my server-side rendering (SSR) working app to version 5 of MUI. I followed the official procedure, but when I disabled JavaScript, I received a raw HTML page (without CSS). You can see it here (sorry if it’s down; I’m redeploying often to test). run codemod (v5.0.0/preset-safe and link-underline-hover) changed the makeStyles calls to … Read more