docs: update gettingstarted

This commit is contained in:
Administrator 2025-07-06 02:44:35 +00:00 committed by DeLuce
parent d6fc0e02aa
commit 54179cfe9b

View File

@ -2,54 +2,66 @@
title: Getting Started
description:
published: true
date: 2025-07-06T02:36:36.032Z
date: 2025-07-06T02:44:35.814Z
tags:
editor: code
dateCreated: 2025-06-08T03:06:31.460Z
-->
# ![11f39c35-0150-4b61-b168-a61c673b9cce.png](/11f39c35-0150-4b61-b168-a61c673b9cce.png)
<div style="display: flex; flex-direction: column; align-items: center; text-align: center;">
<pre class="prismjs line-numbers" v-pre="true"><code class="language-">&lt;!-- Logo --&gt;
&lt;img src="/11f39c35-0150-4b61-b168-a61c673b9cce.png" alt="Logo" style="max-width: 100%; height: auto;" /&gt;
<div style="
&lt;!-- Gray Guide Box --&gt;
&lt;div style="
border: 1px solid #888;
border-radius: 8px;
padding: 15px;
background-color: #2a2a2a; /* Gray background */
text-align: center; /* Center text horizontally */
background-color: #2a2a2a;
color: #fff;
font-size: 20px;
font-weight: bold;
display: flex; /* Enable centering */
flex-direction: column; /* Stack elements vertically */
justify-content: center; /* Center text vertically */
height: 100px; /* Ensure the box has enough height */
line-height: normal; /* Reset line height for consistency */
">
<div>
Please follow this simple guide to install <span style="color: #fdd835;">NGD scripts</span>.
</div>
<div style="color: #4a90e2; font-size: 16px; margin-top: 5px;">
<strong>BE SURE TO WATCH THE VIDEO BELOW IF YOU NEED FURTHER INSTRUCTION</strong>
</div>
</div>
display: flex;
flex-direction: column;
align-items: center;
line-height: normal;
margin-top: 20px;
width: 100%;
max-width: 700px;
margin-left: auto;
margin-right: auto;
"&gt;
&lt;div&gt;
Please follow this simple guide to install &lt;span style="color: #fdd835;"&gt;NGD scripts&lt;/span&gt;.
&lt;/div&gt;
&lt;div style="color: #4a90e2; font-size: 16px; margin-top: 5px;"&gt;
&lt;strong&gt;BE SURE TO WATCH THE VIDEO BELOW IF YOU NEED FURTHER INSTRUCTION&lt;/strong&gt;
&lt;/div&gt;
&lt;div style="margin-top: 10px;"&gt;
&lt;iframe width="560" height="315" src="https://www.youtube.com/embed/g-iYc0wXeis"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen&gt;&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- Instructions --&gt;
&lt;div style="margin-top: 30px; font-size: 16px; line-height: 1.6; max-width: 900px;"&gt;
&lt;strong&gt;🛠️ MAKE SURE NGD-BRIDGE IS STARTED AFTER YOUR CORE RESOURCES!&lt;/strong&gt;
&lt;ol style="text-align: left;"&gt;
&lt;li&gt;Download all NGD resources from &lt;a href="https://keymaster.fivem.net/" target="_blank"&gt;Keymaster&lt;/a&gt; or &lt;a href="https://portal.cfx.re/" target="_blank"&gt;CFX Portal&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;Create a folder called &lt;code&gt;[ngd]&lt;/code&gt; inside your server's main resource folder.&lt;/li&gt;
&lt;li&gt;Extract all your NGD resources into that folder &lt;a href="https://files.fivemerr.com/images/7bf80a1a-f3e0-4892-adb2-76bb68d8da82.png" target="_blank"&gt;like shown&lt;/a&gt; (your resources may vary).&lt;/li&gt;
&lt;li&gt;Open your servers &lt;code&gt;server.cfg&lt;/code&gt; file. At the &lt;strong&gt;bottom&lt;/strong&gt;, add these lines then restart your server:
&lt;pre style="background: #1e1e1e; padding: 10px; border-radius: 4px; color: #eee; overflow-x: auto;"&gt;ensure ngd-Bridge
</code></pre>
<p>ensure ngd-dj<br>
ensure [ngd]<br>
<br>
<br>
</p><p><strong>Note:</strong> Skip <code>ngd-dj</code> if you didn't receive it with your resources.</p><br>
<p>Using CODEM Inventory? Click <a href="#">HERE</a> for additional setup instructions.</p><br>
<p><strong>Important:</strong> If your script includes items, make sure to add them to your framework/inventory along with all icons from the <code>img</code> folder!</p><br>
</div><p></p><div>
🛠️ MAKE SURE NGD-BRIDGE IS STARTED AFTER YOUR CORE RESOURCES!
1. Download all NGD resources from [Keymaster](https://keymaster.fivem.net/) or [CFX Portal](https://portal.cfx.re/).
2. Create a folder called `[ngd]` inside of your server's main resource folder.
3. Extract all of your NGD resources and put them in this folder [like shown](https://files.fivemerr.com/images/7bf80a1a-f3e0-4892-adb2-76bb68d8da82.png) (Please note - You may not have the resources shown.)
4. Open your server's `server.cfg` file. Towards the **bottom** of all your resources, put the following and then restart your server:
ensure ngd-Bridge
ensure ngd-dj
ensure \[ngd\]
Please Note - If you didn't receive `ngd-dj` with your resources, please don't put it in your server.cfg
Do you have CODEM Inventory? Click [HERE](#) to view the additional instructions when using this inventory.
- **Does
</div>