Skip to content

useflyyer/flyyer-marketplace-github-cards

Repository files navigation

🌠 Github-Cards

Feel free to checkout the latest documentation at docs.flyyer.io 📖

Development

You can start a development server at http://localhost:7777 with:

npm run start

# Custom port and host
npm run start --port 3000 --host 0.0.0.0

Then preview your template at https://useflyyer.github.io/studio

flyyer-studio screenshot

Deployment

Once you are ready to deploy to production please remember to build the project first:

NODE_ENV=production npm run build

Get your Flyyer key from https://flyyer.io/dashboard/_/settings and set it as an environment variable:

# in your terminal
export FLYYER_KEY=...

Alternatively you can create a .env file:

# .env
FLYYER_KEY=...

Deploy to production

npm run deploy

You can find the live URL for your deck in the terminal output, it is something like: https://flyyer.io/v2/tenant/deck/template.

Usage

Append queryparams to your URLs and we will set those as props when rendering.

Resultant flyyer live image

Resultant flyyer live image

Next steps:

FAQ & Caveats

What is Flyyer studio?

It's a browser app that opens your local server (localhost:7777) in multiple iframes so you can have a better developer experience. It works best on Firefox.

SCSS Support

Sure. Install npm install --save sass and just import your SASS/SCSS files just like: import "/styles.scss".

See: https://docs.flyyer.io/docs/features/styles

Custom fonts

Refer to https://docs.flyyer.io/docs/features/fonts. If you are building a template for the marketplace and want to support on-the-fly fonts you can use: flyyer/use-googlefonts.

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 run start) can be buggy sometimes. Please restart the server if you encounter any problems.


Default image credits: Photo by Osvaldo Castillo from Pexels

About

Replica of new GitHub og images to show how to use Flyyer to generate images.

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published