https://github.com/taylorham/cra-template-dfx

A template for frontend development on DFINITY's Internet Computer
https://github.com/taylorham/cra-template-dfx

create-react-app dfinity dfx internet-computer react

Last synced: 3 months ago
JSON representation

A template for frontend development on DFINITY's Internet Computer

• Host: GitHub
• URL: https://github.com/taylorham/cra-template-dfx
• Owner: taylorham
• Created: 2021-01-14T17:05:34.000Z (almost 4 years ago)
• Default Branch: next
• Last Pushed: 2023-02-14T15:38:59.000Z (over 1 year ago)
• Last Synced: 2024-06-21T18:09:06.354Z (5 months ago)
• Topics: create-react-app, dfinity, dfx, internet-computer, react
• Language: JavaScript
• Homepage:
• Size: 56.6 KB
• Stars: 25
• Watchers: 3
• Forks: 7
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-icp - taylorham/cra-template-dfx

README

        
# DFX Template for Create React App

Three commands to get you creating frontend applications connected to DFINITY canisters

### Requirements

- [DFINITY SDK (dfx)](https://sdk.dfinity.org/docs/download.html)

### 1. Clone this repository

`git clone https://github.com/taylorham/cra-template-dfx.git`

### 2. Create an app

`npm init react-app my-app --template file:./cra-template-dfx`

Or if you prefer yarn:

`yarn create react-app my-app --template file:./cra-template-dfx`

Be sure to replace `my-app` with your app name and ensure the relative path to your newly cloned `cra-template-dfx` directory is correct.

### 3. Start developing

```sh

cd my-app && npm start

```

This spins up your `dfx` canister in the background and runs your React app with webpack-dev-server.

> :tada:   Special thanks to Mio Quispe for their work on [`create-dfinity-app`](https://github.com/MioQuispe/create-dfinity-app) as inspiration and groundwork!