Custom File Generator

Prerequisites

If you don't already have them, you'll need to install the following tools:

• Node.js (version >= 18.0.0)
• npm
• Genezio

Note: I recommend you to use nvm to manage NodeJs and npm versions. After installing nvm, you can easily get the any version of node by running nvm install <node_version>. nvm will automatically install the corresponding npm version.

Project Structure

client/
├── dist/ 
├── node_modules/
├── public/
│ ├── sample-data.xlsx
│ ├── sample-template.docx
│ ├── genezio.svg
├── src/
│ ├── App.tsx
│ ├── FileUpload.tsx
│ ├── index.css
│ ├── main.tsx
│ ├── vite-env.d.ts
├── .eslintrc.cjs
├── .gitignore
├── index.html
├── package.json
├── package-lock.json
├── postcss.config.js
├── README.md
├── tailwind.config.js
├── tsconfig.json
├── tsconfig.node.json
└── vite.config.ts

server/
├── node_modules/ (library root)
├── .gitignore
├── index.mjs
├── package.json
├── package-lock.json
├── .genezioignore
└── genezio.yaml

Deploy Your Project

1. Install the Genezio CLI globally

npm install -g genezio

2. Login to Genezio

genezio login

3. Deploy your project

genezio deploy

4. Create a .env file in the client directory and add the following environment variables:

VITE_API_URL=https://<your_project_id>.cloud.genez.io

Note: this value is the same as field Functions Deployed in the output of the genezio deploy command.

5. Deploy the environment variables

genezio deploy --env client/.env

Commands

All commands are run from the root of the project, from a terminal:

Command	Action
npm install -g genezio	Installs genezio globally
genezio login	Logs in to genezio
genezio local	Starts a local server
genezio deploy	Deploys a production project
genezio --help	Get help using genezio

Want to learn more?

Check out:

• Official genezio documentation
• Tutorials

Contact

If you need support or you have any questions, please join us in our Discord channel. We'd love to chat!

Built With

• Genezio
• Express
• Node.JS
• React
• Vite

---

Built with Genezio with ❤️