Skip to content

Obscurely/website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

261 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Website

My personal static Next.js tech website portfolio.

Features

  • 📱 Responsive design
  • 📝 MDX blog with syntax highlighting
  • 🔍 Search functionality
  • 💬 Comment system via Giscus
  • ⚡ Optimized performance
  • 🌐 SEO optimized
  • ♿ Accessibility tested

Development Workflow

  • Pre-commit hooks with Husky for code quality
  • Lint-staged for staged file processing
  • Conventional commits with CommitLint
  • Automated testing with Vitest and Playwright
  • Performance monitoring with Lighthouse
  • ESLint config with Next.js 16 and native flat config support

Deployment

Deployed on Vercel with automatic deployments from master branch.

Stack

  • Next.js - React framework for production
  • TypeScript - JavaScript with syntax for types
  • React - A JavaScript library for building user interfaces
  • ESLint - A tool for identifying and reporting on patterns in JavaScript
  • Prettier - An opinionated code formatter
  • Husky - Git hooks made easy
  • Pnpm - Fast, disk space efficient package manager
  • Tailwind CSS - A utility-first CSS framework
  • PostCSS - A tool for transforming CSS with JavaScript
  • Styleint - A mighty, modern linter that helps you avoid errors and enforce conventions in your styles
  • Nix Flakes - A new way to manage Nix packages and configurations
  • Lint Staged - A git hook manager
  • Commit Lint - Lint commit messages
  • Sort Package JSON - Sort package JSON files
  • Autoprefixer - PostCSS plugin for adding vendor prefixes to CSS rules using values from the Can I Use website
  • CSS Nano - A postcss plugin to minify
  • Framer Motion - A production-ready motion library for React
  • Shadcn/ui - A set of components built using Radix UI and Tailwind CSS
  • Tabler Icons - A set of over 5850 free MIT-licensed high-quality SVG icons for you to use in your web projects
  • rehype-autolink-headings - a plugin to add links to headings in HTML
  • rehype-slug - a plugin to add id attributes to headings
  • rehype-pretty-code - Beautiful code blocks for Markdown or MDX.
  • remark-gft - remark plugin to support GFM (autolink literals, footnotes, strikethrough, tables, tasklists)
  • gray-matter - A simple library for parsing front matter from strings, files, and buffers.
  • reading-time - A simple library for calculating the reading time of a string.
  • giscus- A comment system powered by GitHub Discussions
  • fuse.js - A lightweight fuzzy-search library, with zero dependencies.
  • Simple Icons - A set of icons for popular brands in SVG format
  • vitest - A blazing fast test runner
  • Playwright - A Node.js library to automate Chromium, Firefox, and WebKit with a single API
  • testing-library - A family of libraries for testing JavaScript applications
  • axe-core-playwright - Accessibility testing for Playwright

About

My static Next.js tech website portfolio and blog.

Topics

Resources

License

Security policy

Stars

Watchers

Forks

Sponsor this project