# Сreate-ipfs-app - deploy to \[web3.storage, moralis.io, pinata.cloud\] by running one command

**URL:** <https://discuss.ipfs.tech/t/reate-ipfs-app-deploy-to-web3-storage-moralis-io-pinata-cloud-by-running-one-command/14940>\
**Category:** Ecosystem and Usage\
**Tags:** files\
**Created:** [August 7, 2022, 7:17pm UTC](https://discuss.ipfs.tech/t/reate-ipfs-app-deploy-to-web3-storage-moralis-io-pinata-cloud-by-running-one-command/14940 "2022-08-07T19:17:44Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![alexbakers](https://sea2.discourse-cdn.com/flex020/user_avatar/discuss.ipfs.tech/alexbakers/32/6711_2.png) [@alexbakers](https://discuss.ipfs.tech/u/alexbakers)\
**Post date:** [August 7, 2022, 7:17pm UTC](https://discuss.ipfs.tech/t/reate-ipfs-app-deploy-to-web3-storage-moralis-io-pinata-cloud-by-running-one-command/14940/1 "2022-08-07T19:17:44Z")

</div>

![Create IPFS App](https://us1.discourse-cdn.com/flex020/uploads/ipfs1/original/2X/6/6bbfd2e1e8953837212a2423b52bc745712d9428.jpeg)

Create IPFS apps with no build configuration (like create-react-app).

**How it works?** - [https://vimeo.com/737320276](https://vimeo.com/737320276)

Create IPFS App works on macOS, Windows, and Linux.  
  
If something doesn’t work, please [file an issue](https://github.com/alexbakers/create-ipfs-app/issues/new).  
  
If you have questions or need help, please ask in [GitHub Discussions](https://github.com/alexbakers/create-ipfs-app/discussions).

## Quick Overview

To create a new IPFS app, you may choose one of the following methods:

### NPX

```sh
npx create-ipfs-app my-ipfs-app --web3 WEB3_STORAGE_API_TOKEN

```

### YARN

```sh
yarn create ipfs-app my-ipfs-app --moralis MORALIS_WEB3_API_KEY

```

### NPM

```sh
npm install -g create-ipfs-app
create-ipfs-app my-ipfs-app --pinata PINATA_API_KEY:PINATA_API_SECRET

```

Once the installation is done, you can open your project folder:

```sh
cd my-ipfs-app

```

Inside the newly created project, you can run some built-in commands:

### `npm start` or `yarn start`

Runs the app in development mode.  
  
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

### `npm test` or `yarn test`

Runs the test watcher in an interactive mode.  
  
By default, runs tests related to files changed since the last commit.

### `npm run build` or `yarn build`

Builds the app for production to the `build` folder.  
  
Your app is ready to be deployed.

### `npm run deploy:service` or `yarn deploy:service`

- `deploy:web3` - deploy to [web3.storage](https://web3.storage)
- `deploy:moralis` - deploy to [moralis.io](https://moralis.io)
- `deploy:pinata` - deploy to [pinata.cloud](https://pinata.cloud)

In a few seconds, your application will be deployed on the decentralized network.

- Open `ipfs://Q.../index.html` to view it in the Brave browser.
- Open `https://dweb.link/ipfs/Q.../index.html` to view it in the ALL browsers.

If you see a white screen instead of a website:

- Add to package.json `"homepage": "."`;
- Build the project;
- Deploy it again.

> Many plans for improvement 😏, make the script without being tied to the framework (react, vue, svelte, …), add more interactive interaction with web3 to the main page (web3.js, ethers.js, …), add more ipfs services, …

Thanks for the feedback 😇