Skip to content

Add dynamic themes with Tailwind CSS and e-commerce template#26

Merged
Josephat-S merged 1 commit into
mainfrom
feat/tailwind-themes
May 25, 2026
Merged

Add dynamic themes with Tailwind CSS and e-commerce template#26
Josephat-S merged 1 commit into
mainfrom
feat/tailwind-themes

Conversation

@Josephat-S

Copy link
Copy Markdown
Contributor

added Tailwind CSS dynamic themes and created e-commerce template
This pull request scaffolds a new Next.js 14 monolith template for an e-commerce store, providing a modern, themeable UI foundation and all necessary configuration for development. It also enhances the portfolio template to use the same theme system for consistency. The most important changes are grouped below.


New E-commerce Next.js Monolith Template:

  • Adds a complete new template under templates/ecommerce/nextjs-monolith, including initial pages (app/page.tsx, app/products/page.tsx, app/products/[slug]/page.tsx) with placeholder content and navigation structure. [1] [2] templates/ecommerce/nextjs-monolith/app/products/[slug]/page.tsxR1-R38, [3]
  • Implements a theme system with CSS variables for light, glassmorphism, and dark terminal themes in app/globals.css, and ensures global application of these variables.
  • Configures Tailwind CSS to use theme variables and sets up PostCSS, ESLint, TypeScript, and Next.js config files for a ready-to-develop environment (tailwind.config.ts, postcss.config.js, .eslintrc.json, tsconfig.json, next.config.js, package.json). [1] [2] [3] [4] [5] [6]

Portfolio Template Theme Consistency:

  • Updates the portfolio template's globals.css and Tailwind config to use the same theme variable system as the e-commerce template, ensuring consistent theming and easier maintenance. [1] [2]
  • Refactors the portfolio home page to use the new theme classes and variables for colors, backgrounds, and border radii.

Closes #14

Closes #13

@Josephat-S Josephat-S requested a review from a team May 25, 2026 10:17
@Josephat-S Josephat-S merged commit f1a4cd5 into main May 25, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

ISSUE-007 — Implement Dynamic Tailwind Themes (Design Systems) ISSUE-006 — Build Base Next.js E-Commerce Template (CLI-Ready)

1 participant