Blog Logo
TAGS

Maybe: Open-source personal finance app

Get involved in Maybe, an open-source personal finance app. It was originally built as a React app and offers a wide range of features including net worth tracking, financial account syncing, investme...

Read more...

Introducing Next.js 14 (Next.js Conf 2023 Keynote from Guillermo Rauch)

Introducing Next.js 14 (Next.js Conf 2023 Keynote from Guillermo Rauch)

The fourth annual Nexs Conf has commenced with attendees joining both in-person and online from various locations such as London, Sydney, and Barcelona. The event celebrates the growth of Nexjs, a web...

Read more...

Next.js 14

Next.js is a popular JavaScript framework that simplifies server-side rendering with React. It provides a seamless developer experience with automatic code splitting and hot reloading. With the releas...

Read more...

An Extendable Obsidian Publish alternative using Next.JS

Publish your Obsidian Notes with a highly customizable Next.JS blog starter template. Features: Supports most Obsidian syntax (e.g. Link Previews, Links, etc.). Uses obsidian-export. URLs are based on...

Read more...

Adding an RSS feed to your Next.js app

RSS, or Really Simple Syndication, is one of the means used by site publishers to distribute content in a timely manner. In this lesson, we will learn how to integrate an RSS feed into a Next.js appli...

Read more...

Next.js: Generating RSS Feeds with Static Site Generation

In this post, JonathanMH shares his configuration for generating RSS feeds for his statically generated Next.js site using npmjs.org/feed. With the help of a generateFeeds function, he sets up the fee...

Read more...

How to structure scalable Next.js project architecture

Next.js has become a popular framework for building React web applications due to its first-class support for a wide range of tools, CSS modules for styling, TypeScript for type safety, image optimiza...

Read more...

Next.js 13.3 Adds Popular Community-Requested Features: File-Based Metadata API, Dynamic Open Graph Images, and Static Export for App Router

Next.js 13.3 adds new and popular community-requested features that enhance the Metadata API, provide dynamic open graph images, and supports static export for the App Router. The Metadata API now sup...

Read more...

How to build a technical blog with Next.js and Contentlayer

In this tutorial, were going to walk through how to build a technical blog using Next.js and Contentlayer. Well cover setting up a Next.js app, using Contentlayer to transform markdown files into type...

Read more...

T3 Stack Tutorial - FROM 0 TO PROD FOR $0 (Next.js, tRPC, TypeScript, Tailwind, Prisma & More)

T3 Stack Tutorial - FROM 0 TO PROD FOR $0 (Next.js, tRPC, TypeScript, Tailwind, Prisma & More)

The speaker presented their T3 stack, which they coined in a video a year and a half ago. They created an app to vote on the most round Pokémon using various technologies such as next.js, Prisma Plane...

Read more...

YakGPT: A Faster and More Engaging ChatGPT UI for Faster Text Generation

YakGPT is a locally running ChatGPT UI that speeds up text generation and makes chatting more engaging. It offers features such as direct API connection, easy mic integration, customizable API key, lo...

Read more...

How to Add Google AdSense in Next JS

The traditional Google AdSense installation is not compatible with the websites created using Next JS. In this article, you will learn how to register and set up AdSense Auto Ads in Next JS, add AdSen...

Read more...

Integrating Next.js app with Google analytics 4

Google analytics helps get more insights into app usage. This article provides step-by-step instructions on how to integrate Google analytics 4 with a Next.js app, including prerequisites, analytics i...

Read more...

Next.js Routes

`nextjs-routes` makes Next.jss `next/link` and `next/router` routes type safe with zero runtime overhead. `nextjs-routes` scans your `pages` and/or `app` directory and generates route types based on y...

Read more...

Async React with NextJS 13

React Native async support is here and you can get your hands on it with NextJS 13 beta. In this article, Swizec Teller explains how to use async React with NextJS 13, how to easily handle async data ...

Read more...

Improved Reliability and Built-In Module Transpilation in Next.js 13.1

Next.js 13.1 includes a number of improvements to the app/ (beta) directory, including better reliability and performance, and a new TypeScript plugin for page and layout configuration options. The ap...

Read more...

Securing your NextJS Web Application with AWS Amplify and Cognito

Learn how to secure your NextJS application with AWS Amplify and Cognito in this tutorial. AWS Amplify is an open-source library that manages AWS services like Cognito while NextJS is an open-source f...

Read more...

Twitter clone built in Next.js + TypeScript + Tailwind CSS using Cloud Firestore and Storage

![](/.github/assets/presentation.png) A Twitter clone built in Next.js, TypeScript, and Tailwind CSS, utilizing Cloud Firestore for data storage and Cloud Storage for storing uploaded images. Features...

Read more...

Outstatic - A Static Site CMS for Next.js

Outstatic is an open source Static Site CMS for Next.js that allows you to host your static website for free, without requiring any database. With only a 5-minute setup, you can have a complete dashbo...

Read more...

How We Improved React Loading Times by 70% with Next.js

We switched from Create React App to Next.js and reduced our initial page load times by as much as 70%. With its built-in support for page routing and intelligent pre-loading, Next.js unlocked a new l...

Read more...