DevDojo·4yNextJS+Typescript and Tailwind: A match made in heaven
Next.js is a React framework with features like hybrid static and server rendering, TypeScript support, smart bundling, route pre-fetching, and more. Tailwind CSS is a utility-first CSS framework that is being used to create markup-based designs. In this tutorial, we'll learn how to build up Next.js with TypeScript and TailwindCSS.
LogRocket·4yReact Remix vs. Next.js vs. SvelteKit
Remix is a full-stack web framework for from the creators of React Router. It has gone from a paid to a free model, which is big news within the meta-framework community. In this post, we’ll compare a few of their features, ranging from initiating a project to adding styling.
LogRocket·4yReact Server Components in Next.js 12
React Server Components (RSC) aims to cut out the work we usually give to the client by rendering everything, including the components, on the server. This approach produces zero bundle-sized components, consequently improving the load time of your web pages. RSC won’t be shipped with the first version of React 18 and is only available in certain frameworks — such as Next.js — under an experimental flag.
This Dot·4yBuilding full-stack React apps with Next.js API routes
Next.js provides API routes that allow developers to create API endpoints using the Next.js folder structure. We can use API routes to build either a RESTful API, or a GraphQL API. API routes go in the pages/api directory of a Next.JS project.
This Dot·4yWhat's new in Next.js 12
NextJS 12 includes a number of new features. Some are quiet and largely automatic, but others unlock completely new ways of working. I'll be giving you the highlights of each category, alongside ideas about how to leverage the new features and potential pitfalls. In order of decreasing stability: Stable: Performance improvements; stable: Middleware.
