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.
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.