# GudHub — SSR / SSG

> The Node.js server that renders GudHub-powered websites, its configs and GHComponent.

## SSR / SSG

- [SSR/SSG](https://gudhub.com/docs/ssr-ssg.md)
- [Components-Library](https://gudhub.com/docs/ssr-ssg/components-library.md)
- [How components-library works
                #](https://gudhub.com/docs/ssr-ssg/components-library/how-it-works.md): How components library works Content Component Files Structure General Config How to use components Each separate component has folder named as tagName of compo
- [Intro
                #](https://gudhub.com/docs/ssr-ssg/components-library/intro.md): Library "ssg webcomponents library" stores components which can be used in any site project, first of all they were collected in one lib to speed up the develop
- [GHComponent](https://gudhub.com/docs/ssr-ssg/gh-component.md)
- [GHComponent Features
                #](https://gudhub.com/docs/ssr-ssg/gh-component/component-features.md): Every component inherited from GHComponent includes these features: GHComponent Features Content Environment Variable GudHub Library Server Side Attribute Handl
- [Development
                #](https://gudhub.com/docs/ssr-ssg/gh-component/development.md): This part of documentation is about GHComponent development. <br <br To develop GHComponent you need to clone it's repository. Then, pick the right node version
- [GHComponent
                #](https://gudhub.com/docs/ssr-ssg/gh-component/intro.md): This part of documentation is about GHComponent and other components of your webite based on it. Here you can find list of pages about it: 1. Development. 2. Co
- [Known errors and bugs
                #](https://gudhub.com/docs/ssr-ssg/gh-component/known-errors-and-bugs.md): Here you can find common errors and bugs. TO BE REMOVED attribute often breaks component or even whole page on generation. If page with your component works in
- [Node installing
                #](https://gudhub.com/docs/ssr-ssg/node-installing.md): This article explains how to install the node js for using in the development. Open the terminal on your devise or press Ctrl+Alt+T. !The opened terminal Then e
- [Server](https://gudhub.com/docs/ssr-ssg/server.md)
- [Configure
                #](https://gudhub.com/docs/ssr-ssg/server/Configure.md): SERVER PORT : Port HOST : host of your web site ( in dev its your local ip, if its production, then write your site host: example.com ) PATH TO WEBSITES FOLDER
- [API Endpoints Documentation
                #](https://gudhub.com/docs/ssr-ssg/server/endpoints.md): This document describes the API endpoints available in the SSR SSG server, their purposes, and expected behaviors. Each section outlines the HTTP method, endpoi
- [Features](https://gudhub.com/docs/ssr-ssg/server/features.md)
- [Bundler.js
                #](https://gudhub.com/docs/ssr-ssg/server/features/bundler.md): The Bundler class is a utility designed to generate optimized bundles of assets for specific web pages. Unlike a full site bundler that compiles all components
- [ImageHandler.js
                #](https://gudhub.com/docs/ssr-ssg/server/features/image-handler.md): The ImageHandler class is responsible for managing image processing and caching in a server site render system. It supports detecting image formats, handling ex
- [RedirectsHandler.js
                #](https://gudhub.com/docs/ssr-ssg/server/features/redirects-handler.md): The RedirectsHandler class is responsible for validating whether a given URL matches any routes configured for redirection. The list of routes is provided durin
- [RouteHandler.js
                #](https://gudhub.com/docs/ssr-ssg/server/features/route-handler.md): This document describes the RouteHandler methods, and their respective functionalities. The RouteHandler is responsible for routing and handling URLs, finding m
- [SitemapGenerator.js
                #](https://gudhub.com/docs/ssr-ssg/server/features/sitemap-generator.md): The SitemapGenerator class is responsible for creating sitemaps for websites hosted on the platform. It includes methods for generating simple sitemaps, index s
- [SSG.js
                #](https://gudhub.com/docs/ssr-ssg/server/features/ssg.md): This document describes the SSG class, which provides methods for handling static site generation (SSG) caching and error management. It includes functionality
- [SSG-menu.js
                #](https://gudhub.com/docs/ssr-ssg/server/features/ssr-menu.md): The SSG menu.js file defines two primary routes for a static site generator (SSG) management system: 1. Authentication Routes ( /auth ) : Handles user authentic
- [SSR.js
                #](https://gudhub.com/docs/ssr-ssg/server/features/ssr.md): This document describes the SSR class, which is responsible for rendering and caching server side rendered (SSR) pages using Puppeteer. The class manages the re
- [Install
                #](https://gudhub.com/docs/ssr-ssg/server/install.md): 1. Clone : Clone project to your local folder 2. install packages : Enter npm i to your terminal 3. Configure : Write .env file by .env.example ( explained in C
- [Index.js
                #](https://gudhub.com/docs/ssr-ssg/server/ssr-ssg-server.md): Here is documentation about the main js file on server index.js. And here you can find a list of all functions from this file: 1. Import variables 2. /generate
- [Getting Started
                #](https://gudhub.com/docs/ssr-ssg/ssr-ssg-getting-started.md): 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
- [Intro
                #](https://gudhub.com/docs/ssr-ssg/ssr-ssg-intro.md): GudHub Digital Experience Platform is a complete set of tools that allows you to design, create, manage and optimize digital customer experiences. Our DXP provi
- [Tutorials](https://gudhub.com/docs/ssr-ssg/tutorials.md)
- [How to Add a Component to Components-Library
                #](https://gudhub.com/docs/ssr-ssg/tutorials/add-component-to-library.md): How to Add a Component to Components Library Content Create Component Files Update General Config 1. Create a folder for your component : The folder name should
- [How to create component
                #](https://gudhub.com/docs/ssr-ssg/tutorials/create-component.md): Every component should be inherited from GHComponent. Component should use super.render() method. As mush as possible html rendering should run on server side.
- [Layout Specification
                #](https://gudhub.com/docs/ssr-ssg/tutorials/layout.md): Layout Specification Content Page Component CSS HTML All components should be separated by a line break for better readability. NOTE: Except for meta components
- [Website](https://gudhub.com/docs/ssr-ssg/website.md)
- [Bundling
                #](https://gudhub.com/docs/ssr-ssg/website/bundling.md): Bundling Content HTML, CSS and Assets Components bundling Html, scss and assets files that are in the project folder are copiyng using a "CopyWebpackPlugin" plu
- [Caching
                #](https://gudhub.com/docs/ssr-ssg/website/caching.md): The cache on the GudHub server has several different uses. Namely, a few modes of server operation use the cache differently. Each of them makes the server work
- [Configs](https://gudhub.com/docs/ssr-ssg/website/configs.md)
- [Blog Config
                #](https://gudhub.com/docs/ssr-ssg/website/configs/blog-config.md): The Blog Config object provides a structure for configuring the blog section of your website. This configuration allows you to configure various features such a
- [Breadcrumbs Config
                #](https://gudhub.com/docs/ssr-ssg/website/configs/breadcrumbs-config.md): The breadcrumbsConfig object is used to define the structure and content of breadcrumbs for website. Breadcrumbs help users navigate the site hierarchy and impr
- [Chapters Config
                #](https://gudhub.com/docs/ssr-ssg/website/configs/chapters-config.md): The Chapters Config object provides a structure for managing pages, blogs, and landing pages of your website. This configuration enables functionality such as c
- [Components List Config
                #](https://gudhub.com/docs/ssr-ssg/website/configs/components-list-config.md): The components list array defines the configuration for a set of custom web components used within the application. This list includes both pre packaged compone
- [Form Config
                #](https://gudhub.com/docs/ssr-ssg/website/configs/form-config.md): The formConfig is an array of objects defining the settings and structure for various forms. Each form configuration specifies details such as the form's conten
- [General Info Config
                #](https://gudhub.com/docs/ssr-ssg/website/configs/general-info-config.md): The generalInfo configuration is an array containing details about the organization. This data can be utilized across the application to provide contact details
- [Language Config
                #](https://gudhub.com/docs/ssr-ssg/website/configs/language-config.md): The langConfig array defines the language specific text for various UI components and labels in the application. It ensures localized content is displayed based
- [Config
                #](https://gudhub.com/docs/ssr-ssg/website/configs/main-configs.md): Every website should have config.mjs in its root folder. This file will help you to configure your website properly. There is a set of properties that allow you
- [Menu Config
                #](https://gudhub.com/docs/ssr-ssg/website/configs/menu-config.md): The menuConfig defines the structure and properties of the website's navigation menu, including links, submenus, and branding elements. Each object in the array
- [Redirects Config
                #](https://gudhub.com/docs/ssr-ssg/website/configs/redirects-config.md): The redirects configuration defines URL redirection rules for a website, ensuring smooth navigation and proper handling of outdated or changed URLs. This is cri
- [Routes Config
                #](https://gudhub.com/docs/ssr-ssg/website/configs/routes-config.md): The routes configuration defines URL patterns and their corresponding HTML templates for rendering content on a website. This setup is particularly useful in st
- [Sitemap Config
                #](https://gudhub.com/docs/ssr-ssg/website/configs/sitemap-config.md): The sitemap config object defines the settings for generating sitemaps for different sections of a website, such as pages and blogs. This setup specifies which
- [Website
                #](https://gudhub.com/docs/ssr-ssg/website/ssr-ssg-website.md): This part of documentation is about websites and configuration. Here you can find list of pages about it: 1. Getting started. 2. Config. The website template co