Aqui te muestro alguna de las cosas que tuve en cuenta al desarrollar mi portfolio.
-
UI: Manteniendo una UI limpia usando Shadcn UI, Tailwind CSS y Framer Motion y algunas cositas mas para mejorar la UX.
-
Headless CMS: Se utiliza Sanity como CMS para almacenar los diferentes productos.
-
Tecnologías: HTML, Tailwind CSS, Typescript, React, Next, Sanity, Shadcn-ui y Framer Motion.
-
SSR: Gran parte de la app se renderiza del lado del servidor favoreciendo una velocidad de carga superior al renderizado del lado del cliente.
Typescript: Javascript fuertemente tipado y mas fácil de debugear.
Sanity CMS: Una plataforma de contenido integrado a la app con Next y usando Groq, su propio lenguaje de consultas.
Tailwind CSS: Con este framework de CSS realizé un código mas limpio y reducí el tiempo de desarrollo de la UI en comparación con CSS.
Saqué inspiración de mas de un sitio/proyecto/portfolio, entre esos son:
-
Dub.co
-
Refine.dev
-
Ryrt.me