A Title or content Shortener Component is a reusable piece of code that automatically shortens a string of text if it exceeds a specific length. This component is particularly useful for rendering dynamic content where the length of titles or body text might vary significantly.
Title shorter component in React or Next JS Read More »
Next JS, React JS
Server actions in NextJS is very powerful feature introduces by the Vercel. Server Actions are asynchronous functions that are executed on the server. They can be used in Server and Client Components to handle form submissions and data mutations in Next.js applications. What are Server Actions in NextJS 14? Server Actions in nextJS 14 are asynchronous functions
Understand Server actions in NextJS 14 Read More »
Web Development, Next JS
Next js, a popular React framework, introduces powerful features like Server-Side Rendering (SSR) and Static Site Generation (SSG) to enhance the performance and user experience of web applications. These techniques address the challenges of traditional client-side rendering and provide solutions for improved search engine optimization (SEO), faster loading times, and efficient data fetching.
Server-Side Rendering (SSR) and Static Site Generation (SSG) Read More »
Next JS
Set Token in cookies: Step by step To set a token in cookies in a Next.js app using the App Router, you can use the `useEffect` hook to access the router events and set the token in cookies. Here’s a step-by-step guide: Step 1: Install `js-cookie` NPM package First, make sure you have installed
How to set token in cookies into Next js app router Read More »
Next JS, Node JS, Web DevelopmentIn Next.js, you can create a blog detail page or slug page by following these steps: Set up a Next.js project: If you haven’t already, create a new Next.js project using the appropriate commands or boilerplate setup. Create a new page: In the pages directory of your project, create a new file with the naming
How to create a blog detail page or slug page in NextJS? Read More »
Next JSWhy This Error Occurred? Do not add stylesheets using next/head (see <link rel=”stylesheet”> tag with href=”https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css”). Use Document instead. See more info here: https://nextjs.org/docs/messages/no-stylesheets-in-head-component Do not add <script> tags using next/head Next JS don’t recommend this pattern because it will potentially break when used with Suspense and/or streaming. In these contexts, next/head tags aren’t: guaranteed to
Stylesheets and Script tag In Head Component of next js Read More »
Next JS
Next.js is a popular React-based framework for building server-rendered (or statically exported) web applications. It was developed by Vercel (formerly known as Zeit) and has been widely adopted by the JavaScript community due to its simplicity, performance, and developer experience. Here are some of the key features and benefits of Next.js: Server-side rendering (SSR): Next.js
Create and install nextJS application Read More »
JavaScript, Next JS, Programming, Technology, Web Development