Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/useflyyer/example
Example project (appears in the https://flyyer.io landing page)
https://github.com/useflyyer/example
example flyyer image-generator javascript open-graph seo social-preview twitter-cards
Last synced: about 1 month ago
JSON representation
Example project (appears in the https://flyyer.io landing page)
- Host: GitHub
- URL: https://github.com/useflyyer/example
- Owner: useflyyer
- Created: 2020-07-27T21:24:52.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-01-06T12:36:55.000Z (almost 2 years ago)
- Last Synced: 2024-07-30T19:43:14.886Z (5 months ago)
- Topics: example, flyyer, image-generator, javascript, open-graph, seo, social-preview, twitter-cards
- Language: CSS
- Homepage: https://flyyer.io
- Size: 2.76 MB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🌠 Flayyer template
Feel free to checkout the latest documentation at [flayyer.com/docs](http://flayyer.com/docs) 📖
## Development
You can start a development server at [http://localhost:7777](http://localhost:7777) with:
```sh
npm run start
# Custom port and host
npm run start --port 3000 --host 0.0.0.0
```
Then preview your template at [http://localhost:7777/main.html](http://localhost:7777/main.html)
## Deployment
Once you are ready to deploy please remember to build the project first:
```sh
npm run build
```
Get your Flayyer key from [https://flayyer.com](https://flayyer.com) and set it as an environment variable:
```sh
export FLAYYER_KEY=...
```
Deploy to production
```sh
npm run deploy
```
You can find the URL for your deck in the terminal output.
## Flayyer Studio
For a better development experience visit [flayyer.github.io/flayyer-studio/](https://flayyer.github.io/flayyer-studio/)
## FAQ & Caveats
### SCSS Support
Sure. Install `npm install --save sass` and just import your SASS/SCSS files just like: `import "/styles.scss"`.
> See: https://flayyer.com/en/docs/structure/styles
### Custom fonts
Refer to https://flayyer.com/en/docs/structure/fonts.
### Nested directories
**This is not implemented yet. Please prefer a flat `/templates` directory.** This means you have to avoid folders inside `/templates`.
Folders outside `/templates` is ok 👍
### Development server crashes or stop previewing
The development server (`npm start`) can be buggy sometimes. Please restart the server if you encounter any problems.