Generate New Project Code Using "create-blank-app" command and ChatGPT
Tags: boilerplate, programming, ai, chatgpt
Published: 2023-09-13 21:09:46

---
title: Generate New Project Code Using "create-blank-app" command and ChatGPT
published: true
description: Setting up a new project can be a tedious task, especially when you're dealing with multiple tech stacks. Wouldn't it be great if we could automate this process with a single command? That's where **create-blank-app** comes into play.
tags: #boilerplate #programming #ai #chatgpt
# cover_image: https://i.imgur.com/pAkj3k9.gif
# Use a ratio of 100:42 for best results.
# published_at: 2023-09-13 02:44 +0000
---
<img src="https://i.imgur.com/pAkj3k9.gif" />

Setting up a new project can be a tedious task, especially when you're dealing with multiple tech stacks. Wouldn't it be great if we could automate this process with a single command? That's where **create-blank-app** comes into play.

With the advent of AI technologies in the programming world, developers are now finding more efficient ways to create project codes. One of the latest techniques involves using OpenAI's ChatGPT to generate new project code. This method simplifies and accelerates the process of initializing projects with various tech stacks. In this blog post, I will introduce a tool named **create-blank-app** (or **cba** for short), which leverages this cutting-edge technique.

### Simplify Your Project Initialization with 'create-blank-app'

**create-blank-app** is a powerful command-line tool designed to simplify the process of creating new apps. Users can search for tech stacks using keywords, which makes this tool highly flexible and customizable. One of the unique features of create-blank-app is its support for generative AI. With just one command, you can leverage the power of AI to kick-start your project.

To install **create-blank-app**, assume you already have NodeJS installed, just run: `$ npm install create-blank-app -g`

### Supported Tech Stacks
**create-blank-app** supports a wide range of popular tech stacks:

Frontend Frameworks: Vite, bun, create-react-app (CRA), create-next-app (CNA), create-nuxt-app, angular, create-web3js-app (CWA), and create-react-native-app (Expo)
Backend Framework: Express-generator-typescript
Mobile: React-native init
Bundler: Vite (vue, react, preact, lit-element, svelte app)

### Using ChatGPT with create-blank-app

In addition to these tech stacks, create-blank-app also supports ChatGPT to generate a new app using a prompt file. This feature turbocharges the app creation process by allowing you to leverage the power of AI.

Steps to generate a New Project using ChatGPT:
1. Set OpenAI api key like `$ export OPENAI_API_KEY=<yourkey>`
2. Create an empty directory, inside, write your prompt in the **"prompt" file** (or "prompt.gpt4" for gpt-4 model).
3. Outside that directory, run: `$ cba <name>`

### Wrapping Up

Embrace the future of coding with 'create-blank-app', setting up a new project with your desired tech stack is just a command away. The support for ChatGPT adds another layer of convenience, not only does it save you time and effort, but with AI-driven code generation, it also opens new possibilities. Give it a try, contribute on GitHub, or share your feedback to help improve this tool.

- Github: https://github.com/ngduc/create-blank-app