Skip to content

Repository files navigation

🥙 Kebab Nuxt 4

A modern full-stack e-commerce platform built with Nuxt 4, combining a fast storefront with a custom-built CMS, secure authentication, multilingual content management and a fully responsive administration panel.


🚀 Tech Stack

Frontend

  • Nuxt 4
  • Vue 3
  • Tailwind CSS v4
  • DaisyUI
  • Sass

State Management

  • Pinia

UI & UX

  • GSAP
  • Lenis
  • Swiper
  • LightGallery
  • Nuxt Image
  • Nuxt Icon
  • Vue3 Toastify

Backend

  • MongoDB
  • Mongoose
  • JWT Authentication
  • bcrypt
  • Nuxt Security
  • Compression middleware

Storage

  • Vercel Blob Storage

Forms

  • FormKit

Internationalization

  • Nuxt I18n
  • MyMemory Translation API

Progressive Web App

  • Vite PWA

Access to Admin


✨ Features

🛒 Customer Experience

  • Secure user registration & login
  • JWT-based authentication
  • Password hashing with bcrypt
  • Shopping cart system
  • User profile management
  • Update username
  • Upload profile picture
  • Toast notifications
  • Fully responsive interface
  • Progressive Web App (PWA)

🌍 Multilingual Platform

The application currently supports 4 languages:

  • 🇵🇱 Polish
  • 🇬🇧 English
  • 🇩🇪 German
  • 🇹🇷 Turkish

One of the main features is the intelligent multilingual CMS workflow.

When an administrator edits a product title or description, the application automatically generates translations for all supported languages using the MyMemory Translation API, allowing content to stay synchronized without manually editing every language version.


🛠️ Custom Admin Dashboard

The project includes a fully responsive custom-built administration panel, making it easy to manage the store from both desktop and mobile devices.

User Management

  • View registered users
  • Delete users
  • Filter users by name
  • Filter users by email

Order Management

  • Browse customer orders
  • Manage incoming orders

Custom E-Commerce CMS

  • Manage products directly from the dashboard
  • Edit product names
  • Edit product prices
  • Edit product descriptions
  • Automatic multilingual content synchronization
  • Image uploads using Vercel Blob Storage

🔒 Security

  • JWT authentication
  • bcrypt password hashing
  • Nuxt Security integration
  • Protected API routes
  • Role-based authorization
  • Secure admin-only routes
  • HTTP compression for optimized delivery

⚡ Performance

  • Progressive Web App (PWA)
  • Responsive design across desktop, tablet and mobile
  • Optimized image loading
  • Smooth scrolling powered by Lenis
  • GSAP-powered animations
  • Optimized asset delivery

📌 Project Highlights

  • ⚙️ Full-stack Nuxt 4 architecture
  • 🛍️ Custom-built e-commerce CMS
  • 👨‍💼 Responsive admin dashboard
  • 🌍 Four-language support
  • 🔄 Automatic content translation across all supported languages
  • 👥 User management system
  • 📦 Order management system
  • 🔐 Secure authentication with JWT & bcrypt
  • ☁️ Vercel Blob image storage
  • 📱 Progressive Web App
  • 🚀 Modern UI with smooth animations and optimized performance

Built with ❤️ using Nuxt 4, MongoDB and a custom e-commerce CMS architecture.

About

E-Commerce Nuxt 4 + MongoDB + Daisy UI

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages