ngddocs/gettingstarted.html

<!--
title: Getting Started
description: 
published: true
date: 2025-02-27T01:50:07.618Z
tags: 
editor: code
dateCreated: 2025-01-27T20:50:39.270Z
-->

<div align="center">
  <img src="/11f39c35-0150-4b61-b168-a61c673b9cce.png" alt="NGD Logo">
</div>
<br>
<div style="
    border: 1px solid #888;
    border-radius: 8px;
    padding: 15px;
    background-color: #2a2a2a;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4; /* Adjust line height for closer spacing */
">
    <p style="margin: 0;">
        Please follow this simple guide to install <span style="color: #fdd835;">NGD scripts</span>.
    </p>
    <p style="color: #4a90e2; font-size: 16px; margin: 5px 0 0 0; line-height: 1;">
        <strong>BE SURE TO WATCH THE VIDEO BELOW IF YOU NEED FURTHER INSTRUCTION</strong>
    </p>
</div>



<br>
<div style="
    border: 1px solid #888;
    border-radius: 8px;
    padding: 15px;
    background-color: #2a2a2a; /* Gray background */
    color: #fff;
    font-size: 18px;
    font-weight: bold;
">
    <div style="display: flex; align-items: center;">
        <span style="font-size: 24px; margin-right: 10px;">🛠️</span>
        MAKE SURE NGD-BRIDGE IS STARTED AFTER YOUR CORE RESOURCES!
    </div>
    <ol style="padding-left: 20px; font-weight: normal; margin-top: 15px;">
        <li>
            Download all NGD resources from 
            <a href="https://keymaster.fivem.net/" style="color: #4a90e2; text-decoration: underline;">Keymaster</a>
            or 
            <a href="https://portal.cfx.re/" style="color: #4a90e2; text-decoration: underline;">CFX Portal</a>.
        </li>
        <li>
            Create a folder called <code style="background-color: #444; padding: 2px 4px; border-radius: 4px;">[ngd]</code> inside of your server's main resource folder.
        </li>
        <li>
            Extract all of your NGD resources and put them in this folder 
            <a href="https://files.fivemerr.com/images/7bf80a1a-f3e0-4892-adb2-76bb68d8da82.png" style="color: #4a90e2; text-decoration: underline;">like shown</a> 
            (Please note - You may not have the resources shown.)
        </li>
        <li>
            Open your server's <code style="background-color: #444; padding: 2px 4px; border-radius: 4px;">server.cfg</code> file. Towards the <b>bottom</b> of all your resources, put the following and then restart your server:
            <pre style="background-color: #111; padding: 12px 15px; border-radius: 6px; color: #f1f1f1; margin: 10px 0; font-family: monospace; font-size: 16px;">
ensure ngd-Bridge
ensure ngd-dj
ensure [ngd]            </pre>
            <span style="font-size: 14px;">
                Please Note - If you didn't receive <code style="background-color: #444; padding: 2px 4px; border-radius: 4px;">ngd-dj</code> with your resources, please don't put it in your server.cfg
            </span>
        </li>
    </ol>
    <p style="margin-top: 15px; font-weight: normal;">
        Do you have CODEM Inventory? Click 
        <a href="https://nemesisdocs.com/en/codemsetup" style="color: #4a90e2; text-decoration: underline;">HERE</a>
        to view the additional instructions when using this inventory.
    </p>
    <ul style="margin-top: 10px; font-weight: normal;">
        <li>
            <b>Does the readme of your script have items?</b> Make sure to add them into your framework or inventory, along with all of the inventory icons from the <code style="background-color: #444; padding: 2px 4px; border-radius: 4px;">'img'</code> folder!
        </li>
    </ul>
</div>
<br>
<div style="text-align: center; margin-top: 20px;">
    <iframe 
        width="800" 
        height="600" 
        src="https://www.youtube.com/embed/g-iYc0wXeis?start=0" 
        title="YouTube video player" 
        frameborder="0" 
        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
        allowfullscreen>
    </iframe>
</div>