Skip to content

khaledOghli/PrimeNuxt4-Boilerplate

Repository files navigation

primenuxt4.mp4

Get Started 🚀

⚠️ Still Under Working...

To get started!

Tech Stack

Client: Nuxt, Vue, Typescript, UnoCSS, PrimeVue

Environment

.env

  NUXT_PUBLIC_API_BASE=http://localhost:3000/
  BASE_URL=/

Usage/Examples

  pnpm install

  pnpm nuxt:prepare

  pnpm dev

Features To Do

  • Nuxt Installed
  • Solution Architecture (In Progress)
  • PNPM Package Manager Installed
  • PNPM Configurations
  • Code Checker Recommended Rules Expressions
  • Git Commit Lint
  • Git Conventional Commits Configurations
  • Code Formatter Configuration Settings shared in workspace
  • Nuxt Configurations (In Progress)
  • UnoCss Tailwind Module Installed
  • UnoCss Configurations
  • TypeScript Installed
  • Typography Configurations
  • Theme Changeable Configurations
  • Theme Branding Configurations
  • Dark Mode Configurations
  • Dark Mode Toggle
  • Layouts Added
    • Able to add multiple layouts
    • Default Layout
    • Dashboard Layout
  • Pages Added
  • Store Management Pinia Module Installed
  • Localizations Module (In Progress)
  • PrimeVue Installed
  • PrimeVue Configurations
  • PrimeVue Update to version 4 (In Beta)
  • PrimeVue Theme Brand Configurations
  • Grid System Configurations
  • Grid System Components on Dev Environment
  • FormKit Auto Form Generator by JSON Schema (Studying)
  • Validate Module
  • Add Aria label
  • Pagination Module
  • Filter Module
  • Testing Module
  • File Upload Module
  • UseFetch Nuxt Module (In Progress)
  • Errors Handling Module
  • Errors Pages
  • Loading Module (In Progress)
  • Empty State Module
  • Auth Module
    • Authentication Module
    • Authorization Module
  • i18n Module (In Progress)
  • RealTime Module
    • Notification Module
  • Configuration Module
    • Environment Variables Module
  • Cache Module
  • PDF Module
  • Image Viewer Module
  • Storybook Component System Module (TODO: In Progress)
  • Icons Module
  • SEO Module
  • Sitemap Module (Added auto generated Sitemap /sitemap.xml)
  • Performance Module
  • Security Module
  • Compression Module
  • Container Module (Docker)
  • Workflows Module
  • CMS Module
  • Search Module
  • Storage Module
  • Generic Enums Module
  • Generic Types Module
  • MicroInteractions Module
    • Toasts Module
    • SweetAlerts Module
    • Icons Animations Module
    • User Messages to clarify the actions
  • Animations
  • Form Builder Module
  • Change Classes to tailwind classes for smooth changing from unocss to tailwind