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-zipIf 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 .webInside 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 _staticOnce 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.
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-zipIf 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 .webInside 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 _staticOnce 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.