ic-vcf-gatsby
ic-vcf-gatsby copied to clipboard
Contact card demo app with Internet Computer backend
IC Address Book App
Now with a blog post tutorial!
https://kyle-peacock.com/blog/dfinity/static-site-generators-icThis app is a sample application meant to illustrate how to start up a new web app on the IC.
The project was bootstrapped using npm init gatsby, with the following modifications:
- Changing
src/pages/index.jsto be our new app - adding
dfx.jsonto deploy the application on the IC
Then, to add an IC backend,
- Adds
src/backendwith HashMap logic - adds
gatsby-nodeto configure webpack to handle environment variables for the dfx-generated actor
Quickstart
Install the codebase with npm install
Follow directions to install dfx if you don't have it yet: https://sdk.dfinity.org/docs/index.html
run dfx start --background to start a replica;
run dfx deploy phone_book to deploy the backend canister
run npm start to spin up a development server
Publishing
Run npm run build to compile the frontend app
Run dfx deploy --network=ic to deploy the app on Sodium