mabebrahimi / myblog

The Folio

A portfolio project for designers, developers, and freelancers to showcase their work and skills.

Features

• Next.js 13 app dir
• Responsive design
• Light & dark mode
• Keyboard navigation
• SEO optimized
• Performance optimized
• Accessible
• Perfect Lighthouse score

Read First

• React Essentials
• Pages and Layouts
• Route Groups
• Dynamic Routes
• TailwindCss
• Contentlayer

Getting Started

Prerequisites

• Node.js (v16 or higher)
• npm

Installation

• Run npm install
• Run npm run dev
• Open http://localhost:3000 in your browser

Scripts

The following scripts are available in the project:

• dev: Starts the development server
• turbo: Starts the development server with beta turbopack enabled
• build: Builds the production application
• start: Starts the production server
• lint: Lints the project files
• preview: Builds and starts the production server locally
• format:check: Checks formatting of JSON, TypeScript and TypeScript React files
• format:fix: Fixes formatting of JSON, TypeScript and TypeScript React files
• pre-commit: Runs before committing to format and lint staged files
• prepare: Installs husky hooks

Built With

• Next.js - A framework for building server-rendered React applications
• Tailwind CSS - A utility-first CSS framework
• TypeScript - A typed superset of JavaScript that compiles to plain JavaScript
• Contentlayer - Content made easy for developers

Author

Khalid Dashash - ✳︎ Full-stack developer ✳︎ Web designer