nirmalyaghosh.com

nirmalyaghosh.com is a boilerplate for building portfolio applications with Next.js, combining Chakra UI, Emotion, TypeScript, MDX, and SEO. It is authored by Nirmalya Ghosh and published on GitHub under the MIT license, giving developers a free starting point for a modern personal portfolio site.

What is nirmalyaghosh.com?

nirmalyaghosh.com is a portfolio boilerplate that runs on Next.js, the React framework for production. It takes a cloned repository and a few setup commands as input and outputs a running portfolio website at http://localhost:3000. The project is built with Chakra UI for component styling, Emotion for CSS-in-JS, TypeScript for type safety, MDX for content authoring, and includes SEO support, as stated in the repository description.

Key Features

• Next.js framework — Uses file-based routing and the React ecosystem; the development server starts with yarn dev on port 3000.
• Chakra UI — A modular React component library with accessibility built in, used to construct the portfolio's interface.
• Emotion — A CSS-in-JS library that powers Chakra UI's styling engine and enables custom theme design.
• TypeScript — Adds static typing to the codebase; the repository topics also list JavaScript alongside TypeScript.
• MDX support — Lets you write content with Markdown that can include JSX, useful for portfolio posts or project descriptions.
• SEO integration — The repository description explicitly lists SEO as part of the tech stack, aiding search engine visibility.
• MIT License — The project is freely usable and modifiable with attribution.

Who is it for?

• Developers building a personal portfolio — Clone the repository, install dependencies, and customize the components and styling to create your own professional site.
• Frontend learners exploring Next.js and Chakra UI — Use this boilerplate as a reference to see how TypeScript, Emotion, and MDX fit together in a real project.
• Designers with coding skills — Skip project setup and start from a modern, accessible UI foundation to showcase your work quickly.

What can you do with nirmalyaghosh.com?

• Personal branding: Launch a portfolio website to display projects and writing, with SEO built in to help the site rank on search engines.
• Rapid prototyping: Use the boilerplate as a scaffold for any Next.js application that needs Chakra UI and TypeScript, reducing initial setup time.
• Open-source study: Explore the codebase to learn how to structure a Next.js application with MDX content and a CSS-in-JS design system.

How does nirmalyaghosh.com work?

The README outlines a three-step setup: first, clone the repository with git clone git@github.com:ghoshnirmalya/nirmalyaghosh.com.git portfolio; second, install dependencies with yarn install after entering the folder; third, start the development server with yarn dev. The application then runs locally at http://localhost:3000, where you can view and edit the portfolio.

FAQ

Is nirmalyaghosh.com free to use?

Yes, this project is licensed under the MIT License, which allows free use, modification, and distribution with the inclusion of the original license notice.

What are the requirements to run it?

The repository requires Node.js and a package manager such as npm or yarn. The README specifically lists Node.js and npm as prerequisites and uses yarn in the installation commands.

How do I start the development server?

After cloning and installing dependencies, run yarn dev from the root directory. This command starts the Next.js application on http://localhost:3000.

Does the boilerplate include SEO features?

The repository description explicitly lists SEO as part of the technologies used, alongside Next.js, Chakra UI, MDX, and TypeScript. You can extend the SEO setup to fit your portfolio's needs.