https://github.com/kibalabs/everypage-example-visit-japan
https://github.com/kibalabs/everypage-example-visit-japan
Last synced: 6 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/kibalabs/everypage-example-visit-japan
- Owner: kibalabs
- Created: 2021-03-12T13:28:14.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2021-03-13T09:37:44.000Z (over 5 years ago)
- Last Synced: 2023-03-03T20:38:38.343Z (over 3 years ago)
- Homepage: https://hardcore-feynman-92bd24.netlify.app/
- Size: 4.26 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Everypage-Example-Visit-Japan
[*Travel to Japan*](https://hardcore-feynman-92bd24.netlify.app/) is a example site made using an open source library [EveryPage](https://www.everypagehq.com/). Using EveryPage, anyone having experience in JSON and CSS can create a website with ease.
# Project Setup
1. In the project directory, install [`@kibalabs/everypage`](https://github.com/kibalabs/everypage), `@kibalabs/everypage-cli` :
```
npm i @kibalabs/everypage @kibalabs/everypage-cli
```
2. Create a folder `site` and then create `content.json` and `theme.json` in the folder.
3. Add the build script to `package.json` :
```
"build": "everypage build --clean --directory ./site --output-directory ./dist"
```
4. After completing your site, build the site using `npm run build` command.
5. Deploy the `./dist` folder to see your site in action.
# Tips
You can use the EveryPage [canvas](https://console.everypagehq.com/canvas) to create your website. This is completely optional but you can use the canvas features to create your website real quick and it helps you focus more on your site's content.
Use the [`ui-react docs`](https://ui-react-docs.kibalabs.com/) for reference on creating custom theme for your site.
And when you are done, just copy the content JSON & paste inside the `content.json` file and the theme JSON inside & paste inside the `theme.json` file.