Washi.Dev

You are looking at it right now! It's built with Next.js, TailwindCSS, MDX, and currently hosted on Vercel. I started this project as motivation to learn Next.js and react and so far it has gone amazing! I've been loving the developer experience.

GitHub
Website

My Portfolio Project: A Deep Dive

This project is a dynamic web application designed to serve as my personal portfolio. It's built to showcase my skills, projects, and technical insights in an engaging and interactive manner. Additionally, due to the internal design adding new blogposts and projects is as simple as adding one .mdx file!

The Stack

  • Next.js: A powerful React framework for building server-rendered and statically generated applications.
  • React: A component-based JavaScript library for building user interfaces.
  • TailwindCSS: A utility-first CSS framework for rapid and responsive styling.
  • MDX: A powerful tool that allows writing JSX in Markdown documents, enabling dynamic content and interactive components.
  • Vercel: A platform for serverless deployment and hosting, known for its performance and ease of use.
  • npm: The Node Package Manager for dependency management.
  • GitHub API: Used for fetching and displaying dynamic data.

Content Creation with MDX

Content creation is streamlined using MDX, which combines the simplicity of Markdown with the flexibility and power of React. This allows for the seamless integration of interactive components and dynamic content directly within Markdown documents, significantly enhancing user engagement and the overall presentation of information. This also creates a solid template to build off of for future extended markdown projects.

Deployment on Vercel

The project is hosted on Vercel, a platform renowned for its exceptional performance and straightforward deployment process. Vercel's global Content Delivery Network (CDN) ensures that the website loads quickly and efficiently for users across the globe, providing a seamless and responsive experience.