docs: update gettingstarted

This commit is contained in:
Administrator 2025-07-06 02:50:13 +00:00 committed by DeLuce
parent b8e84f32e3
commit eceb7f63ff

View File

@ -2,62 +2,59 @@
title: Getting Started
description:
published: true
date: 2025-07-06T02:48:55.281Z
date: 2025-07-06T02:50:12.108Z
tags:
editor: code
dateCreated: 2025-06-08T03:06:31.460Z
-->
<!-- Centered Logo with Blue Line -->
<div style="text-align: center;">
<h1 style="border-bottom: 2px solid #4a90e2; padding-bottom: 10px; display: inline-block;">
<img src="/11f39c35-0150-4b61-b168-a61c673b9cce.png" alt="Logo" style="max-width: 300px; height: auto;" />
</h1>
<!-- Logo centered + full-width blue line below it -->
<div style="text-align: center; padding-bottom: 10px;">
<img src="/11f39c35-0150-4b61-b168-a61c673b9cce.png" alt="Logo" style="max-width: 300px; height: auto;" />
</div>
<hr style="border: none; border-top: 2px solid #4a90e2; margin: 0 0 30px 0;" />
<!-- Centered Gray Box with Centered Text and Video -->
<div style="
border: 1px solid #888;
border-radius: 8px;
padding: 20px;
background-color: #2a2a2a;
color: #fff;
font-size: 18px;
font-weight: bold;
max-width: 800px;
margin: 0 auto 30px auto;
text-align: center;
">
<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 style="margin-top: 15px;">
<iframe width="100%" height="360" 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></iframe>
</div>
</div>
<!-- Left-Aligned Content -->
<div style="max-width: 900px; margin: 30px auto 0 auto; text-align: left;">
<!-- Gray Box with Video -->
<div style="
border: 1px solid #888;
border-radius: 8px;
padding: 20px;
background-color: #2a2a2a;
color: #fff;
font-size: 18px;
font-weight: bold;
margin-bottom: 30px;
">
<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 style="margin-top: 15px;">
<iframe width="100%" height="360" 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></iframe>
</div>
</div>
<!-- Instructions -->
<div style="font-size: 16px; line-height: 1.7;">
<strong>🛠️ MAKE SURE NGD-BRIDGE IS STARTED AFTER YOUR CORE RESOURCES!</strong>
<ol>
<li>Download all NGD resources from <a href="https://keymaster.fivem.net/" target="_blank">Keymaster</a> or <a href="https://portal.cfx.re/" target="_blank">CFX Portal</a>.</li>
<li>Create a folder called <code>[ngd]</code> inside your server's main resource folder.</li>
<li>Extract all your NGD resources into that folder <a href="https://files.fivemerr.com/images/7bf80a1a-f3e0-4892-adb2-76bb68d8da82.png" target="_blank">like shown</a>.</li>
<li>Open your servers <code>server.cfg</code> file. At the bottom, add these lines then restart your server:
<pre style="background: #1e1e1e; padding: 10px; border-radius: 4px; color: #eee; overflow-x: auto;">ensure ngd-Bridge
<!-- Left-Aligned Instructions Below -->
<div style="max-width: 900px; margin: 0 auto; text-align: left; font-size: 16px; line-height: 1.7;">
<strong>🛠️ MAKE SURE NGD-BRIDGE IS STARTED AFTER YOUR CORE RESOURCES!</strong>
<ol>
<li>Download all NGD resources from <a href="https://keymaster.fivem.net/" target="_blank">Keymaster</a> or <a href="https://portal.cfx.re/" target="_blank">CFX Portal</a>.</li>
<li>Create a folder called <code>[ngd]</code> inside your server's main resource folder.</li>
<li>Extract all your NGD resources into that folder <a href="https://files.fivemerr.com/images/7bf80a1a-f3e0-4892-adb2-76bb68d8da82.png" target="_blank">like shown</a>.</li>
<li>Open your servers <code>server.cfg</code> file. At the bottom, add these lines then restart your server:
<pre style="background: #1e1e1e; padding: 10px; border-radius: 4px; color: #eee; overflow-x: auto;">ensure ngd-Bridge
ensure ngd-dj
ensure [ngd]</pre>
</li>
</ol>
<p><strong>Note:</strong> Skip <code>ngd-dj</code> if you didnt receive it with your resources.</p>
<p>Using CODEM Inventory? Click <a href="#">HERE</a> for additional setup instructions.</p>
<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>
</div>
</li>
</ol>
<p><strong>Note:</strong> Skip <code>ngd-dj</code> if you didnt receive it with your resources.</p>
<p>Using CODEM Inventory? Click <a href="#">HERE</a> for additional setup instructions.</p>
<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>
</div>