Create NextJS app npx create-next-app@latest blog-app cd blog-app npm install mongoose joi Setup MongoDB and Connect //src/database/index.js import mongoose from "mongoose"; const dbConnect = async ()=>{ const DB_URL = "mongodb+srv://******...
What is ShadCN UI ? ShadCN UI is a collection of beautifully designed, fully accessible UI components built using: ✅ Radix UI (for accessible primitives) ✅ Tailwind CSS (for styling) ✅ Variants & Utilities (like cva, tailwind-variants) ✅ Lucide ...
Loading UI with React suspense component. React Suspense : Suspense is a React component that lets you "wait" for some part of the component tree to load or resolve, and while it's doing that, it renders a fallback UI (like a loader). File Structur...
Our page.js file is the ‘/’ home page route Static Route // app/about/page.js → '/about' export default function About() { return <h1>About Page</h1>; } Nested Route // app/dashboard/settings/page.js → '/dashboard/settings' export default ...
What is NextJS ? Next.js is a React framework that allows you to build fast, scalable web applications with features like: Server-side rendering (SSR) Static site generation (SSG) API routes for serverless functions Automatic code splitting Fas...