Skip to content

A stunning marketing agency Landing page built using UnoCSS + NuxtJS and Unify UI Blocks

License

Notifications You must be signed in to change notification settings

unify-ui-dev/agence-x-unocss

Repository files navigation

AgenceX : NuxtJs + UnoCSS Landing page

Agence X NuxtJs

A simple landing page for a digital agency made with UnifyUi blocks : nuxtJs + UnoCSS

Live preview{target="_blank"}

💻 Stack/Dependencies

  • nuxt: A framework for building Vue.js applications with server-side rendering, routing, and more.
  • nuxt/image: A module for optimizing and serving images in Nuxt.js applications.
  • nuxtjs/color-mode: A module for adding dark mode support to Nuxt.js applications.
  • unocss/nuxt: A module for integrating the Uno CSS framework with Nuxt.js applications.
  • clsx: A utility for constructing CSS class strings in JavaScript.
  • tailwind-merge: A utility for merging Tailwind CSS classes in JavaScript.

Setup

  1. Clone the agence-x-uno repository:
git clone https://github.com/unify-ui-dev/agence-x-unocss.git
  1. Make sure to install the dependencies:
# npm
npm install

# pnpm
pnpm install

# yarn
yarn install

# bun
bun install

Development Server

Start the development server on http://localhost:3000:

# npm
npm run dev

# pnpm
pnpm run dev

# yarn
yarn dev

# bun
bun run dev

Production

Build the application for production:

# npm
npm run build

# pnpm
pnpm run build

# yarn
yarn build

# bun
bun run build

Locally preview production build:

# npm
npm run preview

# pnpm
pnpm run preview

# yarn
yarn preview

# bun
bun run preview

Check out the deployment documentation for more information.

📄 License

This project is licensed under the MIT License - see the MIT License file for details.