Its based on ViteJS so you get hot module reloading etc. out of the box and its not very opinionated. It uses a regular dev server while you’re developing (for speed) and when you are finished you can deploy the frontend to the IC. Comes with an example Counter canister.
At the moment React, Vue & Svelte are supported. Lemme know if there’s any issues or question marks.
There’s a CLI tool now.
With NPM:
npx create-ic-app
Just make your selections and follow the instructions.
Seems quite interesting! You might wanna submit it to the GitHub - dfinity/awesome-dfinity: A curated list of awesome projects and resources relating to DFINITY and the Internet Computer project 
Hi @Tbd ! Great work !
I just have an issue while deploying to the local node, when I go to http://localhost:8000/?canisterId=ASSET_CANISTER_ID
I got an error :
Uncaught ReferenceError: require is not defined
at vendor.7a6e7b4a.js:10
Have you encountered the problem ?
Otherwise it works great on the local Devserver
Hey, thanks for using & report it! I must have forgotten about this issue, will see if I can find a solution.
There seem to be require statements in the esm version of @dfinity/agent which are causing this issue… for some reason they get compiled away in the react version (so react-ts version doesn’t have this problem) but they shouldn’t be there in the first place. Would be great if that could be fixed for future versions. I’ll see if I can get a workaround for it in the meantime.
Yeah, please do call out issues like that and provide specific tracing back to the part of the codebase responsible!
Luckily its only this one. It’s in the esm dir.
Another thing that was causing an issue was the use of “global”. So I had to add this line:
/**
* @dfinity/agent requires this. Can be removed once it's fixed
*/
(window as any).global = window
Thanks for the quick response!
I added a temporary fix which patches @dfinity/agent automatically after running npm install.
This is done automatically for new projects, but since you already have one:
See here:
That was quick ! Will try it asap ! Thanks
It worked ! Thanks
@kpeacock let us know when the fix is deployed.
Pr’s open! Expect the next patch today or early next week
Small update
An update:
This will auto build and install your canisters whenever you make a change to them
npm run watch
This is also available as a standalone package ic-dfx-utils which can be added as an npm script to any projects package.json as follows:
"scripts": {
"watch": "ic-dfx-watch"
},
But I can’t promise you it works 
Please try it and report issues. It requires dfx canister create --all to be run in beforehand.
Ive updated all the versions since there was a problem on some machines.
Make sure you get the latest SDK version if you use this
DFX_VERSION=0.7.0-beta.8 sh -ci "$(curl -fsSL https://sdk.dfinity.org/install.sh)"
Also removed the unnecessary patch since its not required anymore.
As always, let me know if you run into issues or find something confusing (I don’t bite).
The repo is also open for PRs if you want to contribute your own templates or find something that could be improved!
Alright, we have a React JS + Tailwind template now. Thanks @ferMartz for the contribution!
Thank you @Tbd for putting this awesome create-ic-app starter together. I’m happy to help!!!
Hi @Tbd
I am using the Vue option.
I have a question on accessing the built project using the canister id. When I npm run dev and use the localhost:3000 to access the site. I am able to see the page and access the counter method.
However, when I access the site using the canister id. I get the following error:
Details: ReplicaError { reject_code: 3, reject_message: “IC0302: Canister ryjl3-tyaaa-aaaaa-aaaba-cai has no query method ‘http_request’” }
Is there anything I can do to correct this?
Hey that’s strange, I haven’t encountered that. Let me see if I get the same problem. Also can you tell me what version of @dfinity/agent your package version says.
It works fine for me. Either try setting the @dfinity/agent: “0.8.7” explicitly in package.json.
or clean npx cache:
rm -rf ~/.npm/_npx
and create a new project. it might be caching an old version.