For updates follow @lineindent on YouTube

Reflexify

Home

Setup

Material

LineIndent/reflexify

reflexify-0.0.8

26

1

Getting started

Quick start

Creating your site

Publishing your site

Creating your first application

Exporting Site

After putting on the finishing touches to your web application, we can look at creating the site itself. We'll be using Reflex's documentation for the first part, i.e., exporting the application. To export the web application, run the following commands:

Inside the root directory, run:

$ reflex export --no-zip

If the build is successful, you should be able to see changes to your .web directory. Move into the .web directory and locate a folder called _static :

$ cd .web

Inside the .web folder, you'll see a buch of files, mainly .json and other HTML/JS files. What we're intrested in is the _static directory, so move into:

$ cd _static

Once inside the _static directory, you'll find all your web application files and folders accordingly. For example, a web application with two folders, home and setup , will have the following file structure:

_static/
├── _next/
│   └── ...
├── home/
│   └── start.html
├── setup/
│   ├── color.html
│   └── setup.html
├── 404.html
├── favicon.ico
└── index.html

If the export was successful, you now have your web application compiled and ready to be hosted online as a static website. To see how we can deploy the application, head over to the publish section to see how.

Made with Reflex & Reflexify

Copyright © 2022 - 2023 S. Ahmad P. Hakimi

Made with Reflex & Reflexify

Copyright © 2022 - 2023 S. Ahmad P. Hakimi

Made with Reflex & Reflexify

Copyright © 2022 - 2023 S. Ahmad P. Hakimi

For updates follow @lineindent on YouTube

Creating your first application

Exporting Site

After putting on the finishing touches to your web application, we can look at creating the site itself. We'll be using Reflex's documentation for the first part, i.e., exporting the application. To export the web application, run the following commands:

Inside the root directory, run:

$ reflex export --no-zip

If the build is successful, you should be able to see changes to your .web directory. Move into the .web directory and locate a folder called _static :

$ cd .web

Inside the .web folder, you'll see a buch of files, mainly .json and other HTML/JS files. What we're intrested in is the _static directory, so move into:

$ cd _static

Once inside the _static directory, you'll find all your web application files and folders accordingly. For example, a web application with two folders, home and setup , will have the following file structure:

_static/
├── _next/
│   └── ...
├── home/
│   └── start.html
├── setup/
│   ├── color.html
│   └── setup.html
├── 404.html
├── favicon.ico
└── index.html

If the export was successful, you now have your web application compiled and ready to be hosted online as a static website. To see how we can deploy the application, head over to the publish section to see how.

Made with Reflex & Reflexify

Copyright © 2022 - 2023 S. Ahmad P. Hakimi

Made with Reflex & Reflexify

Copyright © 2022 - 2023 S. Ahmad P. Hakimi

Made with Reflex & Reflexify

Copyright © 2022 - 2023 S. Ahmad P. Hakimi