Convert React code into a deployed project with a shareable URL

Hello and welcome to the new blog

Our last blog was about building iHateReading and earning from a content platform. While running iHateReading, I've personally needed so many tools, and luckily, in the age of AI, I can quickly build tools for internal work.

First, let me explain with an example: running any platform needs tools for different types of work, tools for writing, tools for content management, tools for user management, tools for assets creation, tools for research, etc.

Each tool has a purpose to serve and mainly reduce the execution time if done manually; one good example is creating banner images for each blog. I write almost every day, and I need to put a cool, catchy title on almost every blog. Each blog banner image creation is a process with tasks; if you are an engineer, you can understand the pain!!

But I found that I've had to stumble upon Canvas or other tools mainly for creating banners. I've figured out that making assets is not important; having examples of assets, just like canvas templates, is a more accurate solution to my problem. The first month was building the basic tool, and then later on, adding the templates for various categories was my decided plan, and I ended up making a simple canva alternative tool,

How RepCN can help

1. Create Nextjs or your choice of code repository from a single React code component


2. Install already existing defaults such as Shadcn, and choose a language TS/JS


3. Push to Github and deploy to Vercel for better URL sharing with a preview of your source code


4. Automating the process of generating a new repository, installing all packages and building the architecture 

One of the most important reasons I need RepCN is to create a new repository based on a single React code with all packages installed. The default packages it includes are as follows

1. Nextjs as a framework


2. React as a language


3. Tailwind CSS for styling


4. Lucide React for icons


5. Framer motion for animation


6. Sonner as toast

But the above packages can be changed, and you can choose Vite or Tanstack as a framework, shadcn as a UI library with JS or TS supporting both.

RepCN is Open-Source

RepCN is open-source and built using Nextjs and React

No authentication needed

No server-side API is required

No databases are used in making it

Completely FREE and Open-Source

Give it a try on a website:

Fetch Github repository:

That would be enough for today, see you in the next one

Cheers

Shrey

One last thing, my last release template was Tooldir: Directory creating starterkit with complete payment and authentication integrated, check tooldir.buildsaas.dev