Adrien Fernandes

Development

This guide provides instructions on how to set up and run the project locally.

Prerequisites

Ensure you have the following installed:

Setup

1. Clone the repository

git clone https://github.com/ncdai/chanhdai.com.git minimal-dev-portfolio
cd minimal-dev-portfolio

2. Install Portless

Documentation: port1355.dev

npm install -g portless

3. Install dependencies

pnpm i

4. Configure Environment Variables

Create a .env.local file based on .env.example:

cp .env.example .env.local

Then, update the necessary environment variables inside .env.local.

5. Run the development server

pnpm dev

The application should now be available at https://ncdai.localhost

Building for Production

pnpm build

After building, start the application with:

NODE_ENV=production pnpm start

Registry

This project utilizes shadcn Registry, which allows you to manage and distribute custom components, hooks, pages, and other files across multiple React projects. By hosting a registry, you can reuse UI components easily without manually copying code between projects.

Using Registry in other React projects

If you’re working on a different React project and want to reuse the custom components from this repository, visit chanhdai.com/components for installation instructions and component documentation.

Note: These components are compatible with Tailwind CSS v4 and React 19.

Registry configuration

Documentation: shadcn Registry Docs

Source files:

Before using the registry, run the following command to build and generate the registry JSON files:

pnpm registry:build

When running the npx shadcn add <registry-url> command, the selected component will be automatically downloaded and integrated into your project.