nasustim · nasustim · Jan 8, 2024 · Jan 8, 2024 · Jan 8, 2024 · Jan 8, 2024
diff --git a/public/static/favicon.ico b/public/static/favicon.ico
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,27 +1,28 @@
 import '@acab/reset.css'
-import type { FC, ReactNode } from 'react'
-
-import Tracker from '@nasustim.com/components/molecules/SEO/Tracker'
-import { SITE_DOMAIN, SITE_TITLE } from '../constants'
+import { type ReactNode } from 'react'
+import Tracker from '@/components/molecules/SEO/Tracker'
+import { SITE_DOMAIN, SITE_TITLE } from '@/constants/values'
 import { signikaNegative, workSans } from 'src/font'
 
 type Props = {
   children: ReactNode
 }
 
-const RootLayout: FC<Props> = ({ children }) => (
-  <html lang='ja'>
-    <head>
-      <Tracker gaTrackingId={process.env.GA_MEASUREMENT_ID} />
-    </head>
-    <body className={`${signikaNegative.variable} ${workSans.variable}`}>{children}</body>
-  </html>
-)
+function RootLayout({ children }: Props) {
+  return (
+    <html lang='ja'>
+      <head>
+        <Tracker gaTrackingId={process.env.GA_MEASUREMENT_ID} />
+      </head>
+      <body className={`${signikaNegative.variable} ${workSans.variable}`}>{children}</body>
+    </html>
+  )
+}
 
 export default RootLayout
 
 export const metadata = {
-  title: `top - ${SITE_TITLE}`,
+  title: `${SITE_TITLE}`,
   alternates: {
     canonical: `${SITE_DOMAIN}/`,
   },

diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
@@ -1,8 +1,7 @@
 'use client'
+import Template from '@/components/templates/error'
 
-import Template from '@nasustim.com/components/templates/error'
-
-const Page = () => {
+function Page() {
   const error = new Error('404 Not Found')
   return <Template error={error} />
 }

diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -1,6 +1,5 @@
 'use client'
-
-import Index from '@nasustim.com/components/templates/index/index'
+import Index from '@/components/templates/index/index'
 
 const Page = () => {
   return <Index />

diff --git a/src/app/works/[slug]/page.tsx b/src/app/works/[slug]/page.tsx
@@ -1,25 +1,26 @@
 import { Metadata } from 'next'
-
-import { SITE_DOMAIN, SITE_TITLE } from '../../../constants'
-import Layout from '@nasustim.com/components/templates/works'
+import { SITE_DOMAIN, SITE_TITLE } from '@/constants/values'
+import Layout from '@/components/templates/works'
 
 type Props = {
   slug: string
 }
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
-const Page = ({ params }: { params: Props }) => {
+function Page({ params }: { params: Props }) {
   return (
     <Layout>
       <div>🚧 Under Construction 🚧</div>
     </Layout>
   )
 }
 
-export const generateStaticParams = () => {
-  // 以前のページで用意していた個別ページ
-  // ToDo: コンテンツを復活させる
-  const slugList = [
+/**
+ * Following contents were exists on past portfolio page
+ * ToDo: remake following contents
+ */
+export function generateStaticParams() {
+  return [
     'slash-module-slash-whom',
     'shokei-no-kagami',
     'aster-as-code',
@@ -31,8 +32,6 @@ export const generateStaticParams = () => {
     'oton-glass',
     'iamasonic-2019',
   ].map((slug) => ({ slug }))
-
-  return slugList
 }
 
 export default Page
@@ -41,7 +40,7 @@ export async function generateMetadata({ params }: { params: Props }): Promise<M
   const slug = params.slug
 
   return {
-    title: `works - ${SITE_TITLE}`,
+    title: `${slug} - ${SITE_TITLE}`,
     alternates: {
       canonical: `${SITE_DOMAIN}/works/${slug}`,
     },

diff --git a/src/components/atoms/Icons/index.module.scss b/src/components/atoms/Icons/index.module.scss
@@ -1,4 +1,4 @@
-@use "../../../constants.scss" as c;
+@use "../../../constants/style.scss" as c;
 
 .icon {
   width: 100%;

diff --git a/src/components/atoms/Icons/index.tsx b/src/components/atoms/Icons/index.tsx
@@ -1,7 +1,5 @@
 import { type FC } from 'react'
-
 import style from './index.module.scss'
-
 import type { IconType } from 'react-icons'
 import { AiFillGithub, AiFillFacebook } from 'react-icons/ai'
 import { FaKeybase } from 'react-icons/fa'

diff --git a/src/components/atoms/ProfileImage/index.tsx b/src/components/atoms/ProfileImage/index.tsx
@@ -1,7 +1,7 @@
 import { type FC } from 'react'
 import Image from 'next/image'
 import styles from './index.module.scss'
-import ProfileImageSrc from '@nasustim.com/statics/profile_400x400.jpg'
+import ProfileImageSrc from '@/statics/profile_400x400.jpg'
 
 type Props = { width: number; height: number }
 

diff --git a/src/components/atoms/Text/H1/index.module.scss b/src/components/atoms/Text/H1/index.module.scss
@@ -1,4 +1,4 @@
-@use "../../../../constants.scss" as c;
+@use "../../../../constants/style.scss" as c;
 
 .h1 {
   color: c.$color-text-primary;

diff --git a/src/components/atoms/Text/H2/index.module.scss b/src/components/atoms/Text/H2/index.module.scss
@@ -1,4 +1,4 @@
-@use "../../../../constants.scss" as c;
+@use "../../../../constants/style.scss" as c;
 
 .h2 {
   color: c.$color-text-primary;

diff --git a/src/components/atoms/Text/Link/index.module.scss b/src/components/atoms/Text/Link/index.module.scss
@@ -1,4 +1,4 @@
-@use "../../../../constants.scss" as c;
+@use "../../../../constants/style.scss" as c;
 
 .link {
   color: c.$color-text-link;

diff --git a/src/components/atoms/Text/Plain/index.module.scss b/src/components/atoms/Text/Plain/index.module.scss
@@ -1,4 +1,4 @@
-@use "../../../../constants.scss" as c;
+@use "../../../../constants/style.scss" as c;
 
 .plain {
   color: c.$color-text-primary__sub;

diff --git a/src/components/molecules/ButtonList/index.module.scss b/src/components/molecules/ButtonList/index.module.scss
@@ -1,4 +1,4 @@
-@use "../../../constants.scss" as c;
+@use "../../../constants/style.scss" as c;
 
 .button-list {
   width: 100%;

diff --git a/src/components/molecules/List/li.tsx b/src/components/molecules/List/li.tsx
@@ -1,4 +1,4 @@
-import Text from '@nasustim.com/components/atoms/Text/Plain'
+import Text from '@/components/atoms/Text/Plain'
 import type { FC, ReactNode } from 'react'
 
 interface Props {

diff --git a/src/components/organisms/HeaderProfile/index.module.scss b/src/components/organisms/HeaderProfile/index.module.scss
@@ -1,4 +1,4 @@
-@use "../../../constants.scss" as c;
+@use "../../../constants/style.scss" as c;
 
 .header-profile {
   display: flex;

diff --git a/src/components/organisms/HeaderProfile/index.tsx b/src/components/organisms/HeaderProfile/index.tsx
@@ -1,12 +1,12 @@
 import { type FC } from 'react'
 import style from './index.module.scss'
-import ProfileImage from '@nasustim.com/components/atoms/ProfileImage'
-import { Facebook, GitHub, Keybase, Blog } from '@nasustim.com/components/atoms/Icons'
-import Button from '@nasustim.com/components/atoms/Button'
-import ButtonList from '@nasustim.com/components/molecules/ButtonList'
-import H1 from '@nasustim.com/components/atoms/Text/H1'
-import Link from '@nasustim.com/components/atoms/Text/Link'
-import P from '@nasustim.com/components/atoms/Text/Plain'
+import ProfileImage from '@/components/atoms/ProfileImage'
+import { Facebook, GitHub, Keybase, Blog } from '@/components/atoms/Icons'
+import Button from '@/components/atoms/Button'
+import ButtonList from '@/components/molecules/ButtonList'
+import H1 from '@/components/atoms/Text/H1'
+import Link from '@/components/atoms/Text/Link'
+import P from '@/components/atoms/Text/Plain'
 
 const imageSize = 144
 const snsIconSize = 32

diff --git a/src/components/templates/_utils/Section/index.module.scss b/src/components/templates/_utils/Section/index.module.scss
@@ -1,4 +1,4 @@
-@use "../../../../constants.scss" as c;
+@use "../../../../constants/style.scss" as c;
 
 .section {
   display: flex;

diff --git a/src/components/templates/error/index.tsx b/src/components/templates/error/index.tsx
@@ -2,7 +2,7 @@ import type { FC } from 'react'
 import style from '../index.module.scss'
 
 import Section from '../_utils/Section'
-import H1 from '@nasustim.com/components/atoms/Text/H1'
+import H1 from '@/components/atoms/Text/H1'
 
 interface Props {
   error?: Error

diff --git a/src/components/templates/index.module.scss b/src/components/templates/index.module.scss
@@ -1,4 +1,4 @@
-@use "../../constants" as c;
+@use "../../constants/style.scss" as c;
 
 .template {
   background-color: c.$color-bg-white;

diff --git a/src/components/templates/index/index.tsx b/src/components/templates/index/index.tsx
@@ -1,7 +1,7 @@
 import type { FC } from 'react'
 import style from '../index.module.scss'
 import Section from '../_utils/Section'
-import HeaderProfile from '@nasustim.com/components/organisms/HeaderProfile'
+import HeaderProfile from '@/components/organisms/HeaderProfile'
 
 const Template: FC = () => (
   <div className={style.template}>

diff --git a/src/constants.scss → src/constants/style.scss b/src/constants.scss → src/constants/style.scss
diff --git a/src/constants.ts → src/constants/values.ts b/src/constants.ts → src/constants/values.ts
diff --git a/tsconfig.json b/tsconfig.json
@@ -39,8 +39,9 @@
     "moduleResolution": "node", /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */ //
     "baseUrl": "./", /* Base directory to resolve non-absolute module names. */
     "paths": {
-      "@nasustim.com/statics/*": ["./public/static/*"],
-      "@nasustim.com/components/*": ["./src/components/*"],
+      "@/statics/*": ["./public/static/*"],
+      "@/components/*": ["./src/components/*"],
+      "@/constants/*": ["./src/constants/*"],
       //"containers/*": ["./containers"],
       //"pages/*":      ["./pages"],
       //"repositories/*": ["./repositories"],