DEV Community

Duc Ng
Duc Ng

Posted on • Edited on

2

Generate New Project Code Using "create-blank-app" command and ChatGPT

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.

Image of Datadog

Master Mobile Monitoring for iOS Apps

Monitor your app’s health with real-time insights into crash-free rates, start times, and more. Optimize performance and prevent user churn by addressing critical issues like app hangs, and ANRs. Learn how to keep your iOS app running smoothly across all devices by downloading this eBook.

Get The eBook

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more