First Steps

Before you start changing the source code, it helps to have some basic knowledge of HTML and CSS. You don’t need to be a developer — but understanding how a page is structured and styled will make customizing Nexgen far easier and safer.

Please don't use Notepad

Plain text editors like Notepad can corrupt file encoding and won’t help you spot mistakes. Use a real code editor instead — our recommendation is below, and it’s free.

Learn the basics

If you’re new to front-end code, these two references are the best free places to start:

W3SchoolsOptimized for learning, testing, and training — bite-sized tutorials with live examples.

MDN Web DocsIn-depth, authoritative tutorials on HTML, CSS, and JavaScript from Mozilla.

Pick a code editor

Visual Studio CodeA free, open-source editor with syntax highlighting, Git integration, and debugging built in — our recommended tool for editing Nexgen.

Once you have a code editor installed and feel comfortable opening and saving .html and .css files, you’re ready to explore the package.

Continue to The PackageSee how the template's files and folders are organized.