📜 Naming Conventions

Introduction

Naming conventions are an eternal struggle since there is no universal rule and somehow every programming languages manages to have different rules for the same things. So here are the naming conventions for Next.js.

---

Folders

Element	Example	Convention
Normal Folder	blog-post	lower-hyphen
[slug]	ticketId	camelCase

---

Files

Element	Example	Convention
Components	UserProfile.tsx	PascalCase
Non Component	api-client.ts	kebab-case

---

Functions

Element	Example	Convention
Components	UserProfile	PascalCase
Regular Function	handleSubmit	camelCase

---

Variables

Element	Example	Convention
Variables	userName	camelCase
Constant	MAX_RETRY_COUNT	SCREAMING_SNAKE_CASE