NetBase
Tutorials

VLANs and switchports in NetBase: designing a wiring closet from the UI

The NetBase team 6 min

Routers grab most of the attention, but wiring-closet work is where a visual editor really pays for itself. Naming thirty VLANs, trunking the right ones on an uplink, enabling PortFast + BPDU Guard on every access port — the CLI dance here is tedious and error-prone. NetBase’s Switch editor makes it a point-and-click job and still renders the same IOS stanzas you’d type by hand.

Prerequisites

Prerequisites

1. Define the VLANs

1. Define the VLANs

The VLAN editor (sidebar → VLAN) holds one list of VLAN IDs and names for the whole project. Every switch in the project picks VLANs from this list, which means a typo on switch A can’t silently disagree with switch B. Add the VLANs you need — data, voice, management, guest — and give them readable names. Every switch in the project will now see them in its dropdowns.

2. Open the Switch editor

2. Open the Switch editor

In /components/switch you’ll see a device tab (default S1). The section strip is longer than on a router because switches have more surface area:

Most of the action for a wiring closet sits in Switchports, VLANs, and STP.

3. Assign VLANs to the device

3. Assign VLANs to the device

Inside the switch’s VLANs tab, pick from the project-wide VLAN list. Each selected VLAN renders as:

vlan 10
 name DATA

If you need an SVI for the VLAN (only on Layer 3 switches), tick Create SVI and fill in the IP / subnet — NetBase emits the matching interface Vlan10 block.

4. Configure switchports

4. Configure switchports

The Layer 2 Interfaces tab (Switchports under the hood) is a list of every port on the switch. Each row has:

The result is a single card per port. Filling in a dozen of them takes about as long as typing them into a CLI once, but now you have a document you can diff, review, and share.

5. STP, DHCP snooping, Port Security

5. STP, DHCP snooping, Port Security

Each one has its own tab but they all read from the same devic tab so the generated config stays internally consistent.

6. Preview the rendered config

6. Preview the rendered config

Click Show config on any card. A typical access switch config renders as:

vlan 10
 name DATA
vlan 20
 name VOICE
!
spanning-tree mode rapid-pvst
spanning-tree portfast default
spanning-tree portfast bpduguard default
!
interface GigabitEthernet1/0/1
 description user-port
 switchport mode access
 switchport access vlan 10
 switchport voice vlan 20
 spanning-tree portfast
 spanning-tree bpduguard enable
 storm-control broadcast level 1.00
 ip dhcp snooping limit rate 15
!
interface GigabitEthernet1/0/24
 description uplink
 switchport mode trunk
 switchport trunk native vlan 99
 switchport trunk allowed vlan 10,20,99
 spanning-tree guard root
 ip dhcp snooping trust

…and it’s the same generator that the Deploy button uses.

7. Deploy

7. Deploy

With a connector assigned to this switch (see the connector post for how to add one from the Connectors page), hit Deploy. The review modal shows a field-level diff and a line-level diff against the live running-config. Merge-mode only adds the missing lines, so adding a new VLAN or trunking an extra one on an uplink is always safe — no no vlan 10 side effects.

Tips

Tips

Wiring-closet work has always been rote. NetBase doesn’t remove the rote part — it just automates it, validates it, and archives it.

Back to blog