Personal Portfolio
January 1, 2023
pratik karki
Built using Next.js, a framework for building server-rendered React applications. It utilizes Framer Motion for smooth animations and transitions, and uses TypeScript for type-checking and improved code reliability. The content for the portfolio is managed using Sanity.io.
Portfolio
Personal Portfolio:
As a web developer, I am always on the lookout for new and innovative technologies to enhance my skills and improve the quality of my projects. In my recent portfolio, I have had the opportunity to work with a variety of tools that have greatly improved my development workflow and the overall user experience of my web applications.
One such technology that has made a huge impact on my workflow is Sanity.io. Sanity is a headless content management system (CMS) that allows me to easily manage and update the content of my web applications. It has a powerful and flexible schema builder that allows me to customize the data structures of my content, and its real-time collaboration features have made it a breeze to work with my team on content updates.
I have also had the chance to work with NextJS, a powerful framework for building server-rendered React applications. NextJS has greatly improved the performance and SEO of my web applications, and its automatic code splitting and optimized production builds have made it easy to scale my projects as they grow.
In addition to these tools, I have also utilized a number of libraries and frameworks to enhance the visual design and interactivity of my projects. React-Social-Icons and Heroicons have provided me with a wide range of high-quality icons to use in my projects, and Tailwind has given me the flexibility to easily create custom designs without the need for complex CSS.
For motion design, I have used both Framer Motion and Motion. These libraries have allowed me to add smooth and engaging animations to my projects, improving the overall user experience.
Finally, I have also had the opportunity to work with TypeScript, a typed superset of JavaScript that has greatly improved the reliability and maintainability of my code. Its static type checking and intuitive syntax have made it a valuable addition to my toolkit.
Overall, these tools and technologies have greatly improved my development workflow and the quality of my projects. I am excited to continue learning and incorporating new technologies into my work as a web developer.
Why Sanity, NextJS, React-Social-Icons, Heroicons, Tailwind, Framer Motion and Motion, and TypeScript ?
- Experience working with headless CMS such as Sanity to manage and store content for web applications
- Proficiency in using NextJS to build server-rendered React applications with automatic code splitting and optimized performance
- Familiarity with React Social Icon to add social media icons to your React application
- Knowledge of Heroicon for creating clean and customizable SVG icons for your projects
- Experience with Tailwind for building responsive, mobile-first projects on the web
- Ability to use Framer Motion and Motion to add animations and transitions to your React applications
- Proficiency in TypeScript for adding optional static typing to your JavaScript projects.
It is hosted live in vercel: portfolio-pratik-np.vercel.app