Canvas
Portfolio template made with Nuxt 3, Nuxt Content v3, NuxtUI v3 and TailwindCSS v4
Overview:
The Portfolio Social PreviewCanvas template is a customizable portfolio template developed with Nuxt.js and Tailwind CSS. It provides a platform to display work, testimonials, and other information to clients.
Features:
- Fully Nuxt Content driven: Utilizes Nuxt Content in content driven mode.
- Nuxt Studio editor support: Full and simple support for Nuxt Studio editor.
- Built-in Awesome Component & Layout: Includes built-in components and layouts for easy customization.
- NuxtUI for UI components: Integration of NuxtUI for various UI components.
- Working contact form with Resend: Includes a functional contact form with Resend integration.
- Nuxt i18n for multi-language support: Support for multi-language content.
- Open Graph Image support with Nuxt OG Image: Allows customization of Open Graph images.
- Optimized images with Nuxt Image: Image optimization for faster loading.
- Fully responsive design: Ensures optimal viewing on all modern browsers.
- Nuxt
nuxt.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- Portfolio
A portfolio website is a type of website that showcases an individual's or a company's work, skills, and accomplishments. It typically includes a gallery of images or videos, case studies, and client testimonials to provide potential clients or employers with a comprehensive overview of their experience and expertise.
- Templates & Themes
A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
