feat: auto lint with husky (#8)

* test

* asdf

* prettier

Author: Moon-DaeSeung

.gitignore

@@ -34,3 +34,6 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
+# husky
+.husky/_

.husky/pre-commit

@@ -0,0 +1 @@
+npx lint-staged

.prettierrc

@@ -0,0 +1 @@
+{}

app/[lang]/guide/[group]/[slug]/page.tsx

@@ -64,7 +64,7 @@ export default async function Page({ params }: GuidePageProps) {
     lang,
     group,
     slug,
-    allDocuments
+    allDocuments,
   );
 
   return (

app/[lang]/page.tsx

@@ -1,6 +1,6 @@
 import MouseImageEffect from "@/components/effects/mouse-image-effect";
 
-export const runtime = 'edge';
+export const runtime = "edge";
 
 export default function Home({
   params: { lang },

lib/mdx.ts

@@ -65,7 +65,7 @@ export function getDocumentBySlug(
   lang: string,
   group: string,
   slug: string,
-  allDocuments: Document[]
+  allDocuments: Document[],
 ): DocumentData {
   const notFoundDocument: DocumentData = {
     slug: "",
@@ -90,7 +90,8 @@ export function getDocumentBySlug(
   }
 
   const document = documentsInGroup[currentIndex];
-  const prevDocument = currentIndex > 0 ? documentsInGroup[currentIndex - 1] : null;
+  const prevDocument =
+    currentIndex > 0 ? documentsInGroup[currentIndex - 1] : null;
   const nextDocument =
     currentIndex < documentsInGroup.length - 1
       ? documentsInGroup[currentIndex + 1]

middleware.ts

@@ -1,42 +1,44 @@
-import { NextResponse } from 'next/server'
-import type { NextRequest } from 'next/server'
+import { NextResponse } from "next/server";
+import type { NextRequest } from "next/server";
 
-const supportedLanguages = ['en', 'ko']
+const supportedLanguages = ["en", "ko"];
 
 function getPreferredLanguage(request: NextRequest): string {
-  const acceptLanguage = request.headers.get('accept-language')
-  if (!acceptLanguage) return 'en'
-  
-  const langs = acceptLanguage.split(',').map(lang => lang.split(';')[0])
+  const acceptLanguage = request.headers.get("accept-language");
+  if (!acceptLanguage) return "en";
+
+  const langs = acceptLanguage.split(",").map((lang) => lang.split(";")[0]);
   for (const lang of langs) {
-    const shortLang = lang.slice(0, 2).toLowerCase()
+    const shortLang = lang.slice(0, 2).toLowerCase();
     if (supportedLanguages.includes(shortLang)) {
-      return shortLang
+      return shortLang;
     }
   }
-  return 'en'
+  return "en";
 }
 
 export function middleware(request: NextRequest) {
-  const { pathname } = request.nextUrl
+  const { pathname } = request.nextUrl;
 
   if (pathname.match(/\.(svg|png|jpg|jpeg|gif|ico)$/)) {
-    return NextResponse.next()
+    return NextResponse.next();
   }
-  
-  if (supportedLanguages.some(lang => pathname.startsWith(`/${lang}/`) || pathname === `/${lang}`)) {
-    return NextResponse.next()
+
+  if (
+    supportedLanguages.some(
+      (lang) => pathname.startsWith(`/${lang}/`) || pathname === `/${lang}`,
+    )
+  ) {
+    return NextResponse.next();
   }
 
-  const lang = getPreferredLanguage(request)
+  const lang = getPreferredLanguage(request);
+
+  const newUrl = new URL(`/${lang}${pathname}`, request.url);
 
-  const newUrl = new URL(`/${lang}${pathname}`, request.url)
-  
-  return NextResponse.redirect(newUrl)
+  return NextResponse.redirect(newUrl);
 }
 
 export const config = {
-  matcher: [
-    '/((?!api|_next/static|_next/image|favicon.ico).*)',
-  ],
-}
+  matcher: ["/((?!api|_next/static|_next/image|favicon.ico).*)"],
+};