diff --git a/docs/cli-tool/cli-commands/genezio-create.md b/docs/cli-tool/cli-commands/genezio-create.md index dfc3796a..63c52b54 100644 --- a/docs/cli-tool/cli-commands/genezio-create.md +++ b/docs/cli-tool/cli-commands/genezio-create.md @@ -22,6 +22,22 @@ description: Discover how to create fullstack or backend projects with the genez `genezio create backend [--name ] [--region ] [--backend ] [--path ] [--logLevel ] [-h | --help]` +#### Next.js starter project + +`genezio create nextjs [--name ] [--region ] [--default] [--path ] [--logLevel ] [-h | --help]` + +#### Express.js starter project + +`genezio create expressjs [--name ] [--region ] [--path ] [--logLevel ] [-h | --help]` + +#### Nitro.js starter project + +`genezio create nitrojs [--name ] [--region ] [--path ] [--logLevel ] [-h | --help]` + +#### Serverless function + +`genezio create serverless [--name ] [--region ] [--path ] [--logLevel ] [-h | --help]` + ### Description Bootstrap a new project with starter code for different supported languages/frameworks. @@ -39,7 +55,14 @@ These options work with any `genezio create` subcommand ::: +`--name `: Name of the project +- Required, asked interactively if not provided +`--region `: Region of the project +- Required, asked interactively if not provided + +- Choices: `us-east-1`, `eu-central-1` + `--path `: The path where the new project will be created - Default: `current-directory + project-name` @@ -61,15 +84,6 @@ These options work only when combined with `genezio create frontend` subcommand. -`--name `: Name of the project - -- Required, asked interactively if not provided - -`--region `: Region of the project - -- Required, asked interactively if not provided -- Choices: `us-east-1`, `eu-central-1` - `--backend `: Starter template for backend - Required, asked interactively if not provided @@ -95,15 +109,19 @@ These options work only when combined with `genezio create backend` subcommand. -`--name `: Name of the project +`--backend `: Starter template for backend -- Required, asked interactively if not provided +- Choices: `ts`, `js` -`--region `: Region of the project +### Next.js Subcommand Options -- Required, asked interactively if not provided -- Choices: `us-east-1`, `eu-central-1` + -`--backend `: Starter template for backend +:::info +These options work only when combined with `genezio create nextjs` subcommand. +::: + + + +`--default`: Auto-selects all the default options for creating the Next.js starter project. -- Choices: `ts`, `js` diff --git a/docs/frameworks/expressjs.md b/docs/frameworks/expressjs.md index f58d7a58..02be16ac 100644 --- a/docs/frameworks/expressjs.md +++ b/docs/frameworks/expressjs.md @@ -1,9 +1,8 @@ --- -description: Learn how to deploy a Express.js application with Genezio. +description: Learn how to deploy an Express.js application with Genezio. --- import Tabs from '@theme/Tabs'; - import TabItem from '@theme/TabItem'; # Express.js @@ -20,39 +19,14 @@ Get started in no time with the [Express.js template](https://app.genez.io/expre # Deployment -In this tutorial, you will learn how to deploy an existing Express.js app using Genezio, a serverless deployment platform that simplifies app management and reduces costs. We'll cover the benefits, answer common questions, and provide detailed deployment steps. - -**Do I Need to Modify My Express App Code?** Just make sure that your code is written in a stateless manner. [Read more](https://stackoverflow.com/questions/5329618/stateless-vs-stateful) - -## Why Use Genezio? - -### Benefits of Using Genezio - -1. **Faster Deployment**: Genezio optimizes the deployment process, significantly reducing the time it takes to get your app live. -2. **Lower Costs**: Pay only for the resources you use, thanks to Genezio’s efficient infrastructure and scalable solutions. -3. **Reliable and Scalable**: No longer worry about PM2 and Docker. You write the code, and Genezio seamlessly scales it across multiple cores. -4. **Enhanced Security**: Built-in security features and automatic updates protect your app against the latest threats without additional effort. -5. **Reduced Management Overhead**: Focus on developing your app instead of managing servers and routine maintenance tasks. -6. **Easy Migration**: Obtain all these advantages with minimal code changes. - -### How Does Genezio Handle High Traffic? +Learn how to deploy an existing Express.js app using Genezio, a serverless deployment platform that simplifies app management and reduces costs -Genezio, being a Function as a Service (FaaS) platform, automatically scales your application based on traffic demands. It works by executing functions in response to events and can handle a large number of requests concurrently. This ensures your app remains responsive and performs well during traffic spikes. - - - -### Do I Need to Modify My Express App Code? - -Migrating your Express app to Genezio typically requires minimal changes. Our migration guide provides detailed instructions for necessary compatibility adjustments. ## Prerequisites ### 1. Install genezio -Use your preferred package manager to install genezio: +Use your preferred package manager to install Genezio: @@ -357,7 +331,7 @@ After that, you can deploy your project without the `--env` flag. ::: For more information about environment variables, you can check the [official documentation](/docs/project-structure/backend-environment-variables.md). -## Test your app +## See your app in Genezio Dashboard After deploying your application, you can test it to ensure it's running correctly. To verify that your Express.js app is working, open a web browser and navigate to the URL provided for your deployed function. @@ -367,7 +341,12 @@ Additionally, you can monitor and manage your app through the [Genezio App Dashb You can find this URL in the deployment output under the `App Dashboard URL` section. -### Support +## Frequently Asked Questions +### Do I Need to Modify My Express App Code? + +Your express code will only require the above [adjustments](#deployment-guide), as long as it is written in a **stateless** manner. [Read more](https://stackoverflow.com/questions/5329618/stateless-vs-stateful) + +## Support We invite you to join our community on [Discord](https://discord.gg/uc9H5YKjXv) for further information and help. diff --git a/docs/frameworks/nextjs.md b/docs/frameworks/nextjs.md index 746da2a0..0012bdbc 100644 --- a/docs/frameworks/nextjs.md +++ b/docs/frameworks/nextjs.md @@ -2,6 +2,8 @@ description: Learn how to deploy a Next.js application with Genezio. --- +import Tabs from '@theme/Tabs'; +import TabItem from '@theme/TabItem'; import useBaseUrl from '@docusaurus/useBaseUrl'; # Next.js @@ -16,9 +18,46 @@ Next.js is a React framework that allows you to build static and server-rendered Get started in no time with the [Next.js template](https://app.genez.io/nextjs-getting-started). ::: -## Deployment - -To deploy a Next.js application with Genezio, all you need to do is to run the following command in the root directory of your project: +# Deployment + +Learn how to deploy an existing Next.js app using Genezio, a serverless deployment platform that simplifies app management and reduces costs + +### 1. Install genezio + +Use your preferred package manager to install Genezio: + + + +
+ ``` + npm install genezio -g + ``` +
+ + +
+ ``` + pnpm add -g genezio + ``` +
+ + +
+ ``` + yarn add global genezio + ``` +
+ + + +### 2. Deploy your project + +:::info +If you don't already have a Next.js app, you can create one by running in your terminal: +``` +genezio create nextjs --name nextjs-project --region us-east-1 --default +``` +::: ```bash genezio deploy @@ -36,8 +75,10 @@ region: us-east-1 # Specifies the version of the YAML configuration syntax being used. yamlVersion: 2 ``` +### 3. Monitor your project +You can monitor and manage your application through the [Genezio App Dashboard](https://app.genez.io/dashboard). The dashboard URL, also provided after deployment, allows you to access comprehensive views of your project's status and logs. -## Frequently Asked Questions +# Frequently Asked Questions - ### How do I set a custom subdomain for my Next.js application? @@ -69,7 +110,7 @@ yamlVersion: 2 No, you don't need a Dockerfile to deploy a Next.js application with Genezio. Genezio builds your application using a serverless architecture, which means that you don't need to worry about Docker, Dockerfiles or scaling. -## Known Limitations +# Known Limitations ### Incremental Static Regeneration (ISR) diff --git a/docs/learn-more/supported-languages.md b/docs/learn-more/supported-languages.md new file mode 100644 index 00000000..da1d52e5 --- /dev/null +++ b/docs/learn-more/supported-languages.md @@ -0,0 +1,55 @@ +--- +description: Learn about the supported languages and frameworks that you can deploy with Genezio. +--- + +# Supported Languages and Frameworks + + + Supported Languages and Frameworks | Genezio Documentation + + +Ready to deploy your project on Genezio? We've got you covered! Whether it's a simple frontend or a complex backend system, Genezio makes the process smooth and straightforward. Here’s a rundown of the types of projects you can easily deploy with us. + +## Genezio Typesafe Projects + +We offer full support for typesafe projects, ensuring that your code is robust and maintainable. You can develop your application written in TypeScript or Go. + +For more details on setting up typesafe projects, refer to our [getting started here](https://genezio.com/docs/getting-started/). + +## Serverless Functions + +Genezio supports serverless architecture, allowing you to deploy functions that automatically scale based on demand. You can deploy: + +- AWS Lambda Compatible Functions: Easily deploy any Javascript function on Genezio. This setup allows you to focus on writing code without worrying about infrastructure management. + +To get started, check out [our guide on deploying serverless functions](https://genezio.com/docs/tutorials/how-to-deploy-a-serverless-function/). + +## Express.js Applications + +If you're using Express, you can deploy your applications using Genezio by integrating with serverless HTTP. This setup lets you maintain your familiar Express setup while benefiting from serverless scalability. + +For a step-by-step guide, see our [Express deployment tutorial](https://genezio.com/docs/frameworks/expressjs/). + +## Next.js Applications + +Deploy your Next.js applications on Genezio for a seamless full-stack experience. Genezio provides robust support for Next.js, enabling you to deploy both static and server-rendered content efficiently. + +Learn more about [Next.js deployment on Genezio](https://genezio.com/docs/frameworks/nextjs/). + +## Frontend Frameworks + +Genezio supports a wide range of frontend frameworks, making it easy to deploy your web applications. Supported frameworks include: + +- React: A popular choice for building interactive user interfaces. +- Vue: Known for its flexibility and ease of integration. +- Angular: A powerful framework for building complex single-page applications. +- Vanilla JS/HTML/CSS: For those who prefer to work directly with the core web technologies. + +Explore our [examples here](https://genezio.com/docs/examples/). + +## Conclusion + +Genezio Cloud supports a wide range of technology stacks, providing a flexible and comprehensive deployment solution. Focus on building your application while we take care of deployment and scaling. + +If you need to deploy another type of project, please contact us at contact@genezio.com. + diff --git a/sidebars.js b/sidebars.js index 79a5b6f6..71c4f555 100644 --- a/sidebars.js +++ b/sidebars.js @@ -27,7 +27,8 @@ const sidebars = { items: [ "frameworks/nextjs", "frameworks/expressjs", - ] + ], + collapsed: false }, { type: "category", @@ -205,6 +206,7 @@ const sidebars = { link: { type: "doc", id: "learn-more/README" }, items: [ "learn-more/upgrading-to-v1", + "learn-more/supported-languages", ] }, "troubleshooting",