Understand the base path configuration in nextjs with easy ways. — You can change the base path in nextjs. Base path help distribute the nextjs app on a different subdomain. /** @type {import('next').NextConfig} */ const nextConfig = { reactStrictMode: true, basePath: '/blog', } module.exports = nextConfig Now your application serves on http://localhost:3000/blog. Now, if you access your application on http://localhost:3000, you…

The src folder is an alternative to the next.js pages folder. — In the nextjs pages, the pagesfolder is required that is true. But if you have an old reactjs-based project, you convert it into the nextjs. Demo Code GitHub - officialrajdeepsingh/nextjs-src-folder This is a Next.js project bootstrapped with create-next-app . First, run the development server: Open…github.com I know the src folder is very common in reactjs development.

The create pagination from scratch without using API in next js and contentlayer. — The contentlayer is an excellent library. You can create pagination from scratch in nextjs. In your static blog, there are two types of pagination available. The first is API base, and the second is without API. API pagination is very popular and recommended for everyone. Suppose you do not know…

Increase productivity in nextjs with npm packages. — I'm very confident with nextjs and blogging. In the past year, I've been more actively working with nextjs. So I create the most usable npm package list. Npm package list is small but valuable. Every developer uses the npm package with nextjs. In this article, I mention some of the…

The list helps provide the best nextjs base template providers. — There are a lot of platforms that provide a free and paid nextjs base template. I Recommend some template providers. that help you in your next project. All the templates come with a free and paid plan. If you like the template, then you go for a paid plan. Note I…

Check which is fast npx and pnpm to install nextjs. — PNPM is a new nodejs package manager like npm and yarn. Today I’m campers nextjs installation time in npx and pnpm. npx use by default yarn to install the nextjs. For the time stamp, I’m using the Linux time command. time the command tells the actual uses of programs time…

Build an entire static blog with markdown and contentlayer— full support of Home, Category, tag, search, SEO, sitemap and pagination. #series 2 — The content layer is a new javascript content management library. The content layer help organize your markdown file. Benefits of the content layer Automatic type definition Built-in validations Caching and incremental regeneration Live reloading Clean code and better readability

Build an entire static blog with markdown and contentlayer — full support of Home, tag, search, SEO, sitemap and pagination. #series 1 — The content layer is a new javascript content management library. The content layer help organise your markdown file. Benefits of the content layer Automatic type definition Built-in validations Caching and incremental regeneration Live reloading Clean code and better readability