--- url: https://gudhub.com/docs/ssr-ssg/ssr-ssg-getting-started/ title: "Getting Started\n #" description: "This tutorial helps you to start work with GudHub DXP . We'll use the simplest settings here. More information can be found in the article Server. First, make s" lang: uk updated: 2026-09-11T14:04:31.900Z --- # Getting Started [#](https://gudhub.com/docs/ssr-ssg/ssr-ssg-getting-started/#getting-started) This tutorial helps you to start work with **GudHub DXP**. We'll use the simplest settings here. More information can be found in the article [Server](https://gudhub.com/docs/ssr-ssg/server/ssr-ssg-server/). > First, make sure you have a node and **node version** is at least **16.18.0**. How to install a Node JS read [here](https://gudhub.com/docs/ssr-ssg/node-installing/). ## Content [#](https://gudhub.com/docs/ssr-ssg/ssr-ssg-getting-started/#content) - [Getting Started](#getting-started) - [Content](#content) - [Step 1. Install server](#step-1-install-server) - [Step 2. Creating Folder](#step-2-creating-folder) - [Step 3. Installing CLI](#step-3-installing-cli) - [Step 4. Install Project](#step-4-install-project) - [Step 5. Running Website](#step-5-running-website) - [Website](#website) - [Server](#server) ## Step 1. Install server [#](https://gudhub.com/docs/ssr-ssg/ssr-ssg-getting-started/#step-1-install-server) To create server, you need to clone server project repository you need to complete points 1 and 2 [Server Install Tutorial](https://gudhub.com/docs/ssr-ssg/server/install/) ## Step 2. Creating Folder [#](https://gudhub.com/docs/ssr-ssg/ssr-ssg-getting-started/#step-2-creating-folder) To create the folder firstly open the terminal or press `Ctrl+Alt+T`. The terminal will opens in the user directory. To create a new folder enter command: Copy ```plaintext mkdir GudHub_Website ``` > Where `GudHub_Website` is a name of the folder. The terminal returns an empty string if the folder is successfully created. After that you have to go to the created folder using command: Copy ```plaintext cd GudHub_Website ``` In this folder we will continue to work. In terminal it looks like this: ![Creating the project folder](https://bitbucket.org/AAtlas/gudhub-documentation/raw/master/SSR_SSG/ssr-ssg-images/cd-go-to-folder.jpg "Project folder creation") ## Step 3. Installing CLI [#](https://gudhub.com/docs/ssr-ssg/ssr-ssg-getting-started/#step-3-installing-cli) After that you have to install the `@gudhub/ssg-website-cli` package. To do this, **use the following command**: Copy ```plaintext npm i @gudhub/ssg-website-cli -g ``` > Note, the **package must be installed _globally_**. If the installation is successful, you will see this result in the terminal: ![Result of the command execution](https://bitbucket.org/AAtlas/gudhub-documentation/raw/master/SSR_SSG/ssr-ssg-images/package-installing.jpg "Package installing") This is a basic package that allows you to use the following features. Wait for it to install, which can take a while. ## Step 4. Install Project [#](https://gudhub.com/docs/ssr-ssg/ssr-ssg-getting-started/#step-4-install-project) After installing the package, you can create a website using the **following command**: Copy ```plaintext create-gudhub-website ``` Next, you will see an information banner. It says that you have to enter your GudHub account to continue. So, **enter your email and password**. > If you don't have a GudHub account yet, **sign up first**. ![Authorization in CLI](https://bitbucket.org/AAtlas/gudhub-documentation/raw/master/SSR_SSG/ssr-ssg-images/ssr-ssg-login.jpg "CLI login") If the authorization is successful you will see the string: `Dependencies installed successfully!`. ![Dependencies installed successfully](https://bitbucket.org/AAtlas/gudhub-documentation/raw/master/SSR_SSG/ssr-ssg-images/website-success-install.jpg "Terminal message") Also, the corresponding files and node modules will be downloaded to the previously selected folder. Update packages by executing: `npm i` in project. Two applications with website content will also appear in the list of applications in your GudHub account. ![Pages and Team apps](https://bitbucket.org/AAtlas/gudhub-documentation/raw/master/SSR_SSG/ssr-ssg-images/gatting-started-apps.png "Applications for website") - **Pages** - contains the data of all pages and their content. Here you can find the endpoint and data of every page. - **Api** - the application is responsible for processing HTTP requests. Since the data in the Pages application is static and cannot change automatically, you can display dynamic information on the client side. For example, you can show the number of page views using GET request, and increase this counter by POST request when user opens page. Also, if you need information that should be rendered on the client side, then in order not to pass the account auth\_key to the client side, you can receive this data through GET requests. ## Step 5. Running Website [#](https://gudhub.com/docs/ssr-ssg/ssr-ssg-getting-started/#step-5-running-website) After logging in, you need to **start your project and server**. ### Website [#](https://gudhub.com/docs/ssr-ssg/ssr-ssg-getting-started/#website) The easiest way to do that is to **run**: Copy ```plaintext npm run dev ``` In the terminal, the process will look like this: ![Command execution in the terminal](https://bitbucket.org/AAtlas/gudhub-documentation/raw/master/SSR_SSG/ssr-ssg-images/npm-run-start.jpg "Command work") ### Server [#](https://gudhub.com/docs/ssr-ssg/ssr-ssg-getting-started/#server) To configure and start server just follow 3-6 points of [Server Install Tutorial](https://gudhub.com/docs/ssr-ssg/server/install/). --- If the process is successful, go to `http://127.0.0.1:7777/`, the site template will open. The website template looks like the following picture. More details about the GudHub site you can reed [here](https://gudhub.com/docs/ssr-ssg/website/ssr-ssg-website/). ![Image of the default site](https://bitbucket.org/AAtlas/gudhub-documentation/raw/master/SSR_SSG/ssr-ssg-images/getting-started-default-site.jpg "Default site")