Maya Nuxt Template
A personal photography portfolio template built with Nuxt.js and Tailwind CSS.
Overview
Maya Nuxt Template is a personal photography portfolio template built with Nuxt.js and Tailwind CSS. It offers a visually appealing and user-friendly design, making it easy for photographers to showcase their work. With features like Markdown pages, Tailwind CSS styling, and the ability to switch between Light & Dark mode, this template provides photographers with a versatile and customizable platform for sharing their photography portfolio.
Features
- Create pages in Markdown: Easily create and manage pages in Markdown format within the content/ directory.
- Use Tailwind CSS: Utilize the power of Tailwind CSS for styling your photography portfolio.
- Use Tailwind CSS Typography: Customize and enhance the typography of your portfolio using Tailwind CSS Typography.
- Pages: Quickly create and display various types of pages, including a home/landing page, list of blog/story posts, list of galleries, masonry gallery page, story/blog post page, hire me page, and more.
- Switch between Light & Dark mode: Offer visitors the option to switch between Light and Dark mode, catering to their preference and enhancing their experience.
- Access 100,000 icons: Choose from a vast collection of 100,000 icons from over 100 icon sets using the <Icon> component.
- Create Vue components: Develop custom Vue components and seamlessly integrate them into your Markdown pages.
- Deploy on any Node or Static hosting: Easily deploy your photography portfolio on various hosting platforms such as GH Pages, Vercel, Netlify, Heroku, and more.
- Live edit on Nuxt Studio (WIP): Experience the convenience of live editing your portfolio using Nuxt Studio (Work in progress).
- 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.
- Vue
Vue.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.
- 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.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.
