luisherranz
17 May 2019 10:47
1
It would be amazing to have support for codesandbox so people can try Frontity directly from their brower without having to install anything.
I have opened a repository for the codesandbox template: https://github.com/frontity/codesandbox-frontity
It can be loaded with this url: https://codesandbox.io/s/github/frontity/codesandbox-frontity
It works, but webpack isn’t catching the file changes and therefore not rebundling, so it’s pretty useless right now.
Any insight on how to make this work is welcomed
luisherranz
17 May 2019 10:53
2
David
17 May 2019 11:00
3
I’d like to try this, @luisherranz . Right now I’m a little bit busy but I’ll take a look later to the templates guide.
2 Likes
luisherranz
27 July 2019 16:17
4
I’ve been investigating this issue. It looks like CodeSandbox is fine, but it uses yarn instead of npm.
Yarn doesn’t behave the same way than npm when installing local packages:
npm install ./local-package: create a symlink .
yarn add ./local-package: copies the folder to the new destination .
For that reason, when you modify a file, webpack is able to pick up the changes if there is a symlink (npm) but not if the files are different (yarn).
This is a problem, not only for CodeSandbox, for anyone willing to use yarn instead of npm.
luisherranz
27 July 2019 16:55
5
I’ve managed to make it work doing a manual symlink after the install
You can check it out at in this link: https://codesandbox.io/s/github/frontity/codesandbox-frontity
2 Likes
luisherranz
30 July 2019 07:46
6
Once the yarn problem is solved, we should submit the template to make it appear in the codensandbox menu:
# Contribute with a Template
To contribute with a CodeSandbox template, you need to complete multiple steps
and submit two Pull Requests. We have created this guide to help you do this.
Here you will find descriptions and explanations for what you need to do, along
with some examples that we have added as references.
We realise that the process of submitting a template is not straightforward and
we hope that this guide will help you along the way. We are working on a system
that will make it easier.
If you think that we missed something in this guide or believe we could explain
something better, please let us know by submitting an
[issue](https://github.com/codesandbox/codesandbox-client/issues/new/choose)
with your feedback.
## What is a template?
A template is an identifier for a specific type of sandbox project that you can
create on [codesandbox.io](https://codesandbox.io), like projects using
show original
2 Likes
Pablo
31 July 2019 14:49
7
Great! Thanks @luisherranz
1 Like
luisherranz
27 June 2020 16:15
8
luisherranz
Closed
27 June 2020 16:15
9
