Blog

Notes from the build

Write-ups on data modeling, rich-text editing, and everything else that came up while building NextForge.

AnjanPrismaSep 16, 2026

Understanding React Components

React makes it easier to build reusable user interfaces with components, props, and state.

AnjanNext.jsSep 16, 2026

Why Use Next.js for Full-Stack Applications?

Next.js provides routing, server rendering, API capabilities, and a powerful application architecture for React projects. Why do we use it? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since 1 96 6 , when designers at Letraset and James Mosley, the librarian at St Bride Printing Library in London, took a 1914 Cicero translation and scrambled it to make dummy text for Letraset's Body Type sheets. It has survived not only many decades, but also the leap into electronic typesetting , remaining essentially unchanged. It was popularised thanks to these sheets and more recently with desktop publishing software like Aldus PageMaker and Microsoft Word including versions of Lorem Ipsum. Where can I get some? There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.

MinaPostgreSQLSep 9, 2026

PostgreSQL Basics

PostgreSQL is a powerful open-source relational database system. It stores information in tables containing rows and columns. Tables can also be connected using relationships such as primary keys and foreign keys. For a blog application, PostgreSQL can store users, blog posts, categories, comments, and other application data. Understanding basic SQL queries is useful even when using an ORM such as Prisma because it helps developers understand what is happening inside the database.

AnjanMembersNext.jsSep 17, 2026

image post

image post image post image post image post

Members only — sign in to read

AnjanMembersPostgreSQLSep 16, 2026

Building Applications with Supabase

Supabase provides authentication, PostgreSQL, storage, and other backend services for modern web applications.

RajiMembersPrismaSep 16, 2026

Understanding Authentication in Next.js

Authentication is an important part of any application. Learn how sessions, users, and protected routes work together.

Members only — sign in to read

AnjanMembersNext.jsSep 9, 2026

Understanding Next.js Server Components

Server Components are an important part of modern Next.js applications. They allow components to run on the server instead of sending all the JavaScript to the browser. This can make applications faster and can simplify data fetching. With Server Components, you can query your database directly from the server without creating an API endpoint for every piece of data. This approach is particularly useful when building full-stack applications with Next.js and Prisma.

RajiMembersNext.jsSep 9, 2026

Building a Blog with Next.js

Building a blog is a great way to learn full-stack development. A typical blog application needs users, categories, blog posts, authentication, and an editor for creating rich content. Next.js can handle the frontend and server-side functionality, while PostgreSQL can store the application data. Prisma provides a convenient database layer between the Next.js application and PostgreSQL. In this project, we will gradually build these features and connect everything together.

AnjanMembersPrismaSep 9, 2026

Getting Started with Prisma

Prisma is a modern ORM for JavaScript and TypeScript applications. It makes it easier to communicate with a database without writing SQL for every operation. Prisma provides a generated client that allows developers to create, read, update, and delete database records. In a Next.js application, Prisma can be used together with PostgreSQL to build a complete full-stack application. In this article, we will learn how to configure Prisma, create database models, and query data from a Next.js application.

AnjanMembersNext.jsSep 9, 2026

Working with Tiptap Editor

Tiptap is a flexible rich text editor that can be integrated into React applications. A blog management system can use Tiptap to allow administrators to create formatted content with headings, paragraphs, lists, links, bold text, and other formatting options. The editor content can then be stored in the database and displayed on the public blog page. When building a complete blog application, it is important to decide how the editor content will be stored and how it will be rendered safely.

AnjanMembersNext.jsSep 9, 2026

Creating a Full Stack Application

A full-stack application contains both frontend and backend functionality. Next.js allows us to build the user interface as well as server-side functionality in the same project. PostgreSQL provides persistent data storage, while Prisma provides a convenient way to communicate with the database. By combining these technologies, we can create a complete application with authentication, CRUD operations, categories, rich text editing, and a public blog.