WeasyCode - Multipurpose Creative NextJs Template

Creative

Starter Kit

The WeasyCode Starter Kit is a minimal template to start your project quickly without unnecessary demo content. Below you'll find the folder structure and main configuration.

Starter Kit Overview

The Starter Kit is a lightweight version of WeasyCode that allows you to start building your project quickly without unnecessary demo content. Key benefits of using the Starter Kit include:

  1. No authentication system – perfect for custom implementations.
  2. No dashboard included – gives you a clean starting point.
  3. No pre-built apps – you can build only what you need.
  4. One demo style and related pages – for copying the structure.
  5. Elements for copying the structure of your specific pages.
  6. Clean folder structure – makes navigation and project management faster.

This approach ensures a minimal setup, giving you full flexibility to customize and scale your project exactly as you want.

Starter Kit Folder Structure

|
├─ app
│  ├─ (about)
│  │  ├─ (about-page-1)
│  │  ├─ (about-page-1-dark)
│  │  ├─ (about-page-1-semi-dark)
│  ├─ (elements)
│  │  ├─ (accordions)
│  │  ├─ (alerts)
│  │  ├─ (animations)
│  │  ├─ (bars)
│  │  ├─ (buttons)
│  │  ├─ (featured-boxes)
│  │  ├─ (form-fields)
│  │  ├─ (grids)
│  │  ├─ (header-dark)
│  │  ├─ (header-dark-transparent)
│  │  ├─ (header-light)
│  │  ├─ (header-light-transparent)
│  │  ├─ (icons1)
│  │  ├─ (icons2)
│  │  ├─ (lazyloda)
│  │  ├─ (lightbox-other)
│  │  ├─ (sliders)
│  │  ├─ (sliders-lazyload)
│  │  ├─ (tabs)
│  │  ├─ (tooltips)
│  │  ├─ (typography)
│  │  ├─ (video-sound)
│  ├─ (home)
│  │  ├─ (meterial)
│  │  │  ├─ (content-based)
│  │  │  │  ├─ (multi-page-dark)
│  │  │  │  ├─ (multi-page-light)
│  │  │  │  ├─ (one-page-dark)
│  │  │  │  ├─ (one-page-dark)
│  │  │  ├─ (image-parallax)
│  │  │  │  ├─ (multi-page-dark)
│  │  │  │  ├─ (multi-page-light)
│  │  │  │  ├─ (one-page-dark)
│  │  │  │  ├─ (one-page-dark)
│  │  │  ├─ (slider-background)
│  │  │  │  ├─ (multi-page-dark)
│  │  │  │  ├─ (multi-page-light)
│  │  │  │  ├─ (one-page-dark)
│  │  │  │  ├─ (one-page-dark)
│  │  │  ├─ (slider-fullscreen)
│  │  │  │  ├─ (multi-page-dark)
│  │  │  │  ├─ (multi-page-light)
│  │  │  │  ├─ (one-page-dark)
│  │  │  │  ├─ (one-page-dark)
│  │  │  ├─ (typed-based)
│  │  │  │  ├─ (multi-page-dark)
│  │  │  │  ├─ (multi-page-light)
│  │  │  │  ├─ (one-page-dark)
│  │  │  │  ├─ (one-page-dark)
│  │  │  ├─ (video-background)
│  │  │  │  ├─ (multi-page-dark)
│  │  │  │  ├─ (multi-page-light)
│  │  │  │  ├─ (one-page-dark)
│  │  │  │  ├─ (one-page-dark)
│  │  │  ├─ (youtube-background)
│  │  │  │  ├─ (multi-page-dark)
│  │  │  │  ├─ (multi-page-light)
│  │  │  │  ├─ (one-page-dark)
│  │  │  │  ├─ (one-page-dark)
│  ├─ layout.tsx
│  ├─ page.tsx
├─ components
│  ├─ (about)
│  │  ├─ data1-dark.tsx
│  │  ├─ data1.tsx
│  ├─ (about-sample)
│  │  ├─ data1-dark.tsx
│  │  ├─ data1.tsx
│  ├─ (layout)
│  │  ├─ (footers)
│  │  │  ├─ Footer1-Dark.tsx
│  │  │  ├─ Footer1.tsx
│  │  ├─ (headers)
│  │  │  ├─ Header-Dark.tsx
│  │  │  ├─ Header.tsx
│  │  ├─ (language-selects)
│  │  │  ├─ LanguageSelect1.tsx
│  │  │  ├─ LanguageSelect2.tsx
│  │  │  ├─ LanguageSelect3.tsx
│  │  ├─ Logo.tsx
│  │  ├─ Navigation1.tsx
│  │  ├─ Navigation2.tsx
│  │  ├─ Navigation2-Dark.tsx
│  ├─ (ui)
│  │  ├─ Button.tsx
│  │  ├─ ProgressBarGradient.tsx
│  │  ├─ ProgressBarStripes.tsx
│  │  ├─ ProgressCircle.tsx
│  │  ├─ ScrollButton.tsx
│  │  ├─ ThemeSelectorFloating.tsx
│  │  ├─ ProgressBar.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