Iyansr.id Reborn
My Personal Home Page, Blog, Portfolio built with Next.JS
Overview:
The Iyan Saputra Home Page is a personal website, blog, and portfolio built with Next.JS. It is designed to be mobile-friendly and provides features such as a portfolio list, blog posts, a comment system, and a contact form.
Features:
- Mobile friendly: The website is optimized for mobile devices, providing a seamless user experience across different screen sizes.
- Portfolio (Work) List: Users can browse through a list of the creator's work and view details about each project.
- Blog Post: The website includes blog posts where the creator shares their thoughts, ideas, and experiences.
- Comment System: Users can engage in discussions by leaving comments on blog posts.
- Contact form: The website offers a contact form where visitors can reach out to the creator.
- SEO Optimized: The website is designed with search engine optimization in mind, ensuring better visibility in search engine results.
- Image optimized: The website optimizes its images to improve performance and loading times.
- PWA: The website is built as a Progressive Web App, allowing users to install it on their devices and use it offline.
Summary:
The Iyan Saputra Home Page is a personal website, blog, and portfolio built with Next.JS. It offers a range of features such as a mobile-friendly design, a portfolio page, blog posts, a comment system, and a contact form. The website aims to provide a seamless user experience while showcasing the creator's work and allowing for engagement with visitors.
- Next.js
Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- TanStack
TanStack is a collection of high-quality, framework-agnostic libraries including TanStack Query for data fetching, TanStack Router for routing, TanStack Table for tables, and more. These tools provide powerful, type-safe solutions for common web development challenges.
- Vite
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects
- 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.
- MDX
MDX is a format that allows developers to write JSX within Markdown documents, combining the power of React with the simplicity of Markdown. This allows for the creation of dynamic and interactive content that can be easily shared and consumed across different platforms and devices.
- Motion
Motion (formerly Framer Motion) is a production-ready animation library for React and JavaScript. It provides a simple declarative API for creating fluid animations, gestures, and transitions with excellent performance and accessibility.
- 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.
- Vercel
Vercel offers built-in support for deploying and hosting Next.js applications, making it a popular choice among Next.js developers.