Enji.dev

screenshot of Enji.dev
nextjs
tailwind

a monorepo for my personal website and projects, built with Turborepo + pnpm

Overview:

This product is a monorepo for a personal website and projects, featuring a blog, project showcase, and work information. It is built using Turborepo and pnpm as the package manager. The website is developed with Next.js and TypeScript, utilizing Framer Motion for animations and Tailwind CSS for styling. The content is managed with MDX.

Features:

  • Monorepo Structure: Built with Turborepo, allowing for separate packages within a single repository.
  • Next.js and TypeScript: Utilizes Next.js framework with TypeScript for efficient and typed development.
  • Framer Motion: Incorporates Framer Motion for smooth and fluid animations.
  • Tailwind CSS: Styling is implemented using Tailwind CSS, allowing for rapid design iterations.
  • MDX Integration: Content is managed with MDX, providing a flexible approach to adding and editing content.
nextjs
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.

tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.

personal
Personal

A personal website is an online platform that showcases an individual's work, interests, and personality. It can include a range of content, such as a bio, resume, portfolio, blog, and contact information, and is often used to promote one's personal brand or professional services.

portfolio
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.

eslint
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.

mdx
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.

turborepo
Turborepo

Turbo is an incremental bundler and build system optimized for JavaScript and TypeScript, written in Rust.

typescript
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.