WeasyCode - Multipurpose Creative NextJs Template

Creative

New Page

THow to create a new page in your template.

New Page Creation

To create a New Page

  1. Add a new folder to app directory.
  2. Add a new folder with "( )" to components directory.
  3. Create your component as data1.tsx.
  4. Then call your component from page.tsx file.
  5. "import NewPageComponent from "@/components/new-page/data1";

New Page Folder Structure

|
├─ app
│  ├─ new-page
│  │  ├─ page.tsx
│  ├─ layout.tsx
│  ├─ page.tsx
├─ components
│  ├─ (new-page)
│  │  ├─ data1.tsx
│  │─ data
│  ├─ lib
│  ├─ public
│  │  ├─ images
│  │  ├─ sounds
│  │  ├─ videos
│  ├─ styles
│  ├─ types
│  ├─ utils
├─ .gitignore
├─ components.json
├─ eslint.config.mjs
├─ next-env.d.ts
├─ next.config.ts
├─ .gitignorepackage-lock.json
├─ package.json
├─ postcss.config.mjs
├─ Readme.md
├─ tsconfig.json