diff --git a/src/features/resources/components/source-section.tsx b/src/features/resources/source-section.tsx
similarity index 55%
rename from src/features/resources/components/source-section.tsx
rename to src/features/resources/source-section.tsx
index bcef3d0..702e947 100644
--- a/src/features/resources/components/source-section.tsx
+++ b/src/features/resources/source-section.tsx
@@ -1,14 +1,14 @@
import * as React from 'react'
-import jsonData from '../data.json'
-import { SourceGroup, SourceGroupData } from './source-group'
+import { SourceGroup } from './source-group'
+import * as resourceService from './resource-service'
-const sourceGroups: SourceGroupData[] = jsonData.sources as SourceGroupData[]
+const resources = await resourceService.getResources()
export function SourcesSection(): React.ReactElement {
return (
- {sourceGroups.map((group, index) => (
+ {resources.map((group, index) => (
))}
diff --git a/src/features/stories/components/recent.tsx b/src/features/stories/components/recent.tsx
deleted file mode 100644
index 63af35a..0000000
--- a/src/features/stories/components/recent.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import * as React from 'react'
-import jsonData from '../data.json'
-import { RecentData, RecentItem } from './recent-item'
-
-const recents: RecentData[] = jsonData.recents as RecentData[]
-const sortedRecents = [...recents].reverse()
-
-export function RecentlySection(): React.ReactElement {
- return (
- <>
- {recents && recents.length > 0 && (
-
- Recent stories:
-
-
- {sortedRecents.length > 0 &&
- sortedRecents.map((recent, i) => (
-
- ))}
-
-
- )}
-
- )
-}
diff --git a/src/features/stories/index.ts b/src/features/stories/index.ts
index 89c1469..0ba45d9 100644
--- a/src/features/stories/index.ts
+++ b/src/features/stories/index.ts
@@ -1,8 +1,4 @@
-import jsonData from './data.json'
-
-export * from './components/publication'
-export * from './components/publication-item'
-export * from './components/recent'
-export * from './components/recent-item'
-
-export { jsonData }
+export * from './publication-section'
+export * from './publication-item'
+export * from './recent-section'
+export * from './recent-item'
diff --git a/src/features/stories/components/publication-item.tsx b/src/features/stories/publication-item.tsx
similarity index 100%
rename from src/features/stories/components/publication-item.tsx
rename to src/features/stories/publication-item.tsx
diff --git a/src/features/stories/components/publication.tsx b/src/features/stories/publication-section.tsx
similarity index 69%
rename from src/features/stories/components/publication.tsx
rename to src/features/stories/publication-section.tsx
index a36a96c..8f27b8e 100644
--- a/src/features/stories/components/publication.tsx
+++ b/src/features/stories/publication-section.tsx
@@ -1,9 +1,8 @@
import * as React from 'react'
-import jsonData from '../data.json'
-import { PublicationData, PublicationItem } from './publication-item'
+import { PublicationItem } from './publication-item'
+import * as storiesService from './stories-service'
-const publications: PublicationData[] =
- jsonData.publications as PublicationData[]
+const publications = await storiesService.getPublications()
export function PublicationSection(): React.ReactElement {
return (
diff --git a/src/features/stories/components/recent-item.tsx b/src/features/stories/recent-item.tsx
similarity index 100%
rename from src/features/stories/components/recent-item.tsx
rename to src/features/stories/recent-item.tsx
diff --git a/src/features/stories/recent-section.tsx b/src/features/stories/recent-section.tsx
new file mode 100644
index 0000000..e40781d
--- /dev/null
+++ b/src/features/stories/recent-section.tsx
@@ -0,0 +1,19 @@
+import * as React from 'react'
+import { RecentItem } from './recent-item'
+import * as storiesService from './stories-service'
+
+const recents = await storiesService.getRecents()
+
+export function RecentlySection(): React.ReactElement {
+ return (
+
+ Recent stories:
+
+
+ {recents.map((recent, i) => (
+
+ ))}
+
+
+ )
+}
diff --git a/src/features/stories/stories-service.ts b/src/features/stories/stories-service.ts
new file mode 100644
index 0000000..7ff2430
--- /dev/null
+++ b/src/features/stories/stories-service.ts
@@ -0,0 +1,31 @@
+'use server'
+
+import config from '@shared/libs/config'
+import { githubDataClient, localDataClient } from '@shared/libs/connections'
+import { PublicationData } from './publication-item'
+import { RecentData } from './recent-item'
+
+const isProduction = config.isProduction
+const filePath = '/stories.json'
+
+export async function getPublications(): Promise {
+ let res: any
+ if (isProduction) {
+ res = await githubDataClient(filePath)
+ } else {
+ res = await localDataClient(filePath)
+ }
+
+ return res.publications as PublicationData[]
+}
+
+export async function getRecents(): Promise {
+ let res: any
+ if (isProduction) {
+ res = await githubDataClient(filePath)
+ } else {
+ res = await localDataClient(filePath)
+ }
+
+ return [...res.recents].reverse() as RecentData[]
+}
diff --git a/src/features/works/components/coming-soon.tsx b/src/features/works/coming-soon.tsx
similarity index 100%
rename from src/features/works/components/coming-soon.tsx
rename to src/features/works/coming-soon.tsx
diff --git a/src/features/works/index.ts b/src/features/works/index.ts
index ff7f339..9bb1a87 100644
--- a/src/features/works/index.ts
+++ b/src/features/works/index.ts
@@ -1,7 +1,3 @@
-import jsonData from './data.json'
-
-export * from './components/item'
-export * from './components/list'
-export * from './components/coming-soon'
-
-export { jsonData }
+export * from './work-item'
+export * from './work-list-section'
+export * from './coming-soon'
diff --git a/src/features/works/components/item.tsx b/src/features/works/work-item.tsx
similarity index 100%
rename from src/features/works/components/item.tsx
rename to src/features/works/work-item.tsx
diff --git a/src/features/works/components/list.tsx b/src/features/works/work-list-section.tsx
similarity index 71%
rename from src/features/works/components/list.tsx
rename to src/features/works/work-list-section.tsx
index 47acdd1..a4270f6 100644
--- a/src/features/works/components/list.tsx
+++ b/src/features/works/work-list-section.tsx
@@ -1,8 +1,8 @@
import * as React from 'react'
-import { WorkData, WorkItem } from './item'
-import jsonData from '../data.json'
+import { WorkItem } from './work-item'
+import * as workService from './work-service'
-const works = jsonData.works as WorkData[]
+const works = await workService.getWorks()
export function WorksListSection(): React.ReactElement {
return (
diff --git a/src/features/works/work-service.tsx b/src/features/works/work-service.tsx
new file mode 100644
index 0000000..8de71f9
--- /dev/null
+++ b/src/features/works/work-service.tsx
@@ -0,0 +1,19 @@
+'use server'
+
+import config from '@shared/libs/config'
+import { githubDataClient, localDataClient } from '@shared/libs/connections'
+import { WorkData } from './work-item'
+
+const isProduction = config.isProduction
+const filePath = '/works.json'
+
+export async function getWorks(): Promise {
+ let res: any
+ if (isProduction) {
+ res = await githubDataClient(filePath)
+ } else {
+ res = await localDataClient(filePath)
+ }
+
+ return res.works as WorkData[]
+}
diff --git a/src/mdx-components.tsx b/src/mdx-components.tsx
new file mode 100644
index 0000000..8ed99fb
--- /dev/null
+++ b/src/mdx-components.tsx
@@ -0,0 +1,7 @@
+import type { MDXComponents } from 'mdx/types'
+
+export function useMDXComponents(components: MDXComponents): MDXComponents {
+ return {
+ ...components,
+ }
+}
diff --git a/src/middleware.ts b/src/middleware.ts
new file mode 100644
index 0000000..19f3411
--- /dev/null
+++ b/src/middleware.ts
@@ -0,0 +1,24 @@
+import { NextRequest, NextResponse } from 'next/server'
+
+export function middleware(request: NextRequest) {
+ const url = request.nextUrl.clone()
+ const hostname = url.pathname.startsWith('/ingest/static/')
+ ? 'us-assets.i.posthog.com'
+ : 'us.i.posthog.com'
+ const requestHeaders = new Headers(request.headers)
+
+ requestHeaders.set('host', hostname)
+
+ url.protocol = 'https'
+ url.hostname = hostname
+ url.port = '443'
+ url.pathname = url.pathname.replace(/^\/ingest/, '')
+
+ return NextResponse.rewrite(url, {
+ headers: requestHeaders,
+ })
+}
+
+export const config = {
+ matcher: '/ingest/:path*',
+}
diff --git a/src/shared/components/animation/transition.tsx b/src/shared/components/animation/transition.tsx
new file mode 100644
index 0000000..381d141
--- /dev/null
+++ b/src/shared/components/animation/transition.tsx
@@ -0,0 +1,17 @@
+'use client'
+
+import * as React from 'react'
+
+interface PageTransitionProps {
+ children: React.ReactNode
+}
+
+export function PageTransition({
+ children,
+}: PageTransitionProps): React.ReactElement {
+ return (
+
+ {children}
+
+ )
+}
diff --git a/src/shared/components/centered-layout.tsx b/src/shared/components/common/centered-layout.tsx
similarity index 100%
rename from src/shared/components/centered-layout.tsx
rename to src/shared/components/common/centered-layout.tsx
diff --git a/src/shared/components/content.tsx b/src/shared/components/common/content.tsx
similarity index 100%
rename from src/shared/components/content.tsx
rename to src/shared/components/common/content.tsx
diff --git a/src/shared/components/footer.tsx b/src/shared/components/common/footer.tsx
similarity index 99%
rename from src/shared/components/footer.tsx
rename to src/shared/components/common/footer.tsx
index f1688be..e4451e9 100644
--- a/src/shared/components/footer.tsx
+++ b/src/shared/components/common/footer.tsx
@@ -5,7 +5,7 @@ import {
TooltipContent,
TooltipProvider,
TooltipTrigger,
-} from './ui/tooltip'
+} from '../ui/tooltip'
import { mergeClass } from '@shared/utils/helper'
/**
diff --git a/src/shared/components/header.tsx b/src/shared/components/common/header.tsx
similarity index 98%
rename from src/shared/components/header.tsx
rename to src/shared/components/common/header.tsx
index 945648b..e6f1f1a 100644
--- a/src/shared/components/header.tsx
+++ b/src/shared/components/common/header.tsx
@@ -8,7 +8,7 @@ import {
TooltipContent,
TooltipProvider,
TooltipTrigger,
-} from './ui/tooltip'
+} from '../ui/tooltip'
import { usePathname } from 'next/navigation'
import {
useClickOutside,
@@ -96,7 +96,6 @@ export function NavMenuItem({
function Menu(): React.ReactElement {
const modalRef = React.useRef(null)
const [isShow, setShow] = React.useState(false)
- const path = usePathname()
useClickOutside(modalRef, () => {
setShow(false)
diff --git a/src/shared/components/script-tag.tsx b/src/shared/components/script-tag.tsx
deleted file mode 100644
index 5c150e3..0000000
--- a/src/shared/components/script-tag.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import Script from 'next/script'
-import * as React from 'react'
-import { config } from '@shared/lib/config'
-
-export function GoogleAnalyticsScript(): React.ReactElement {
- return (
- <>
-
-
-
- )
-}
diff --git a/src/shared/components/transition.tsx b/src/shared/components/transition.tsx
deleted file mode 100644
index 3e194fa..0000000
--- a/src/shared/components/transition.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-'use client'
-
-import * as React from 'react'
-import { motion } from 'framer-motion'
-
-interface PageTransitionProps {
- children: React.ReactNode
-}
-
-export function PageTransition({
- children,
-}: PageTransitionProps): React.ReactElement {
- return (
-
- {children}
-
- )
-}
diff --git a/src/shared/components/ui/accordion.tsx b/src/shared/components/ui/accordion.tsx
index f7274b6..e4bd791 100644
--- a/src/shared/components/ui/accordion.tsx
+++ b/src/shared/components/ui/accordion.tsx
@@ -3,7 +3,6 @@
import * as React from 'react'
import * as AccordionPrimitive from '@radix-ui/react-accordion'
import { mergeClass } from '@shared/utils/helper'
-import { motion } from 'framer-motion'
const Accordion = AccordionPrimitive.Root
@@ -51,18 +50,7 @@ const AccordionContent = React.forwardRef<
className="overflow-hidden text-sm text-foreground/70 !leading-relaxed transition-all duration-700"
{...props}
>
-
- {children}
-
+ {children}
))
diff --git a/src/shared/fonts/index.ts b/src/shared/fonts/index.ts
new file mode 100644
index 0000000..76c2142
--- /dev/null
+++ b/src/shared/fonts/index.ts
@@ -0,0 +1,14 @@
+import { Inter, DM_Mono } from 'next/font/google'
+
+export const inter = Inter({
+ display: 'swap',
+ subsets: ['latin'],
+ variable: '--font-inter',
+})
+
+export const dmMono = DM_Mono({
+ display: 'swap',
+ subsets: ['latin'],
+ variable: '--font-dm-mono',
+ weight: ['300', '400', '500'],
+})
diff --git a/src/shared/hooks/use-event.ts b/src/shared/hooks/use-event.ts
index 3f32106..b5cc085 100644
--- a/src/shared/hooks/use-event.ts
+++ b/src/shared/hooks/use-event.ts
@@ -1,4 +1,5 @@
'use client'
+
import { usePathname } from 'next/navigation'
import * as React from 'react'
diff --git a/src/shared/lib/config.ts b/src/shared/lib/config.ts
deleted file mode 100644
index 4880214..0000000
--- a/src/shared/lib/config.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-/**
- * ## config
- *
- * * The configuration for the application
- * * and all of the variables
- *
- * If the `env` contain the `NEXT_PUBLIC` its reflect that the
- * environment variables is publicly accessible from the browser
- *
- * !NOTE: Don't store the critical information on public environments varibales
- */
-export const config = {
- app: {
- host: process.env.NEXT_PUBLIC_APP_HOST || 'http://localhost:3000',
- },
- google: {
- analytics: {
- id: process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS_ID!,
- },
- },
-}
diff --git a/src/shared/libs/config.ts b/src/shared/libs/config.ts
new file mode 100644
index 0000000..70744d2
--- /dev/null
+++ b/src/shared/libs/config.ts
@@ -0,0 +1,12 @@
+export default {
+ isProduction: process.env.NODE_ENV === 'production' || false,
+ app: {
+ host: process.env.NEXT_PUBLIC_APP_HOST || 'http://localhost:3000',
+ },
+ posthog: {
+ key: process.env.NEXT_PUBLIC_POSTHOG_KEY || '',
+ },
+ verification: {
+ google: process.env.NEXT_PUBLIC_GOOGLE_VERIFICATION || '',
+ },
+} as const
diff --git a/src/shared/libs/connection-instance.ts b/src/shared/libs/connection-instance.ts
new file mode 100644
index 0000000..29eff47
--- /dev/null
+++ b/src/shared/libs/connection-instance.ts
@@ -0,0 +1,60 @@
+import fs from 'fs/promises'
+import fsPath from 'path'
+
+type FetchRequestInit = Omit & {
+ body?: Record
+}
+
+export async function fetchConnection(
+ url: string,
+ options: FetchRequestInit = {},
+): Promise {
+ const defaultHeaders = {
+ 'Content-Type': 'application/json',
+ }
+
+ const decodeBody = JSON.stringify(options.body)
+ const config = {
+ ...options,
+ body: decodeBody,
+ headers: {
+ ...defaultHeaders,
+ ...options.headers,
+ },
+ } as RequestInit
+
+ try {
+ const response = await fetch(url, config)
+
+ if (!response.ok) {
+ throw new Error(`HTTP error! status: ${response.status}`)
+ }
+
+ const data = await response.json()
+ return data satisfies T
+ } catch (error) {
+ console.log(`Something error found cause: ${error}`)
+ throw error
+ }
+}
+
+export async function loadLocalFile(path: string): Promise {
+ const file = await fs.readFile(fsPath.join(process.cwd(), path), 'utf8')
+ const data = JSON.parse(file)
+
+ return data as T
+}
+
+export function createConnectionInstance(baseUrl: string) {
+ return async (endpoint: string, options: FetchRequestInit = {}) => {
+ const url = `${baseUrl}${endpoint}`
+ return fetchConnection(url, options)
+ }
+}
+
+export function createLocalConnectionInstance(path: string) {
+ return async (filename: string) => {
+ const url = `${path}${filename}`
+ return loadLocalFile(url)
+ }
+}
diff --git a/src/shared/libs/connections.ts b/src/shared/libs/connections.ts
new file mode 100644
index 0000000..5021a75
--- /dev/null
+++ b/src/shared/libs/connections.ts
@@ -0,0 +1,13 @@
+import {
+ createConnectionInstance,
+ createLocalConnectionInstance,
+} from './connection-instance'
+
+const LOCAL_DATA_FOLDER_PATH = '/data'
+const GITHUB_REPO_DATA_URL =
+ 'https://raw.githubusercontent.com/nyomansunima/personal-official-site/refs/heads/main/data'
+
+export const githubDataClient = createConnectionInstance(GITHUB_REPO_DATA_URL)
+export const localDataClient = createLocalConnectionInstance(
+ LOCAL_DATA_FOLDER_PATH,
+)
diff --git a/src/shared/lib/shared-metadata.ts b/src/shared/libs/shared-metadata.ts
similarity index 70%
rename from src/shared/lib/shared-metadata.ts
rename to src/shared/libs/shared-metadata.ts
index cb1a141..6135f2c 100644
--- a/src/shared/lib/shared-metadata.ts
+++ b/src/shared/libs/shared-metadata.ts
@@ -1,23 +1,20 @@
import { OpenGraph } from 'next/dist/lib/metadata/types/opengraph-types'
import { Twitter } from 'next/dist/lib/metadata/types/twitter-types'
-/**
- * This file used to store all of the shared metadata
- * that will help to use in another file or location
- */
-
-export const defaultOpenGraphMetadata: OpenGraph = {
+export const openGraph: OpenGraph = {
images: [
'https://cdn.hashnode.com/res/hashnode/image/upload/v1729709107977/6dabcb40-d18e-48cf-a86b-7b423efb6605.png',
],
+ locale: 'en_US',
type: 'website',
siteName: 'Nyoman Sunima',
}
-export const defaultTwitterMetadata: Twitter = {
+export const twitter: Twitter = {
images: [
'https://cdn.hashnode.com/res/hashnode/image/upload/v1729709107977/6dabcb40-d18e-48cf-a86b-7b423efb6605.png',
],
card: 'summary_large_image',
creator: '@nyomansunima',
+ site: 'Nyoman Sunima',
}
diff --git a/src/shared/provider/animation-provider.tsx b/src/shared/providers/animation-provider.tsx
similarity index 100%
rename from src/shared/provider/animation-provider.tsx
rename to src/shared/providers/animation-provider.tsx
diff --git a/src/shared/providers/posthog-provider.tsx b/src/shared/providers/posthog-provider.tsx
new file mode 100644
index 0000000..0c3665b
--- /dev/null
+++ b/src/shared/providers/posthog-provider.tsx
@@ -0,0 +1,27 @@
+'use client'
+
+import * as React from 'react'
+import posthog from 'posthog-js'
+import { PostHogProvider } from 'posthog-js/react'
+import config from '@shared/libs/config'
+
+interface PosthogProviderProps {
+ children: React.ReactNode
+}
+
+if (typeof window !== 'undefined') {
+ posthog.init(config.posthog.key, {
+ person_profiles: 'identified_only',
+ ui_host: 'https://us.posthog.com',
+ })
+}
+
+export function PosthogProvider({
+ children,
+}: PosthogProviderProps): React.ReactElement {
+ React.useEffect(() => {
+ posthog.capture('$pageview')
+ }, [])
+
+ return {children}
+}
diff --git a/src/shared/providers/query-provider.tsx b/src/shared/providers/query-provider.tsx
new file mode 100644
index 0000000..0f970d0
--- /dev/null
+++ b/src/shared/providers/query-provider.tsx
@@ -0,0 +1,58 @@
+'use client'
+
+import * as React from 'react'
+import {
+ defaultShouldDehydrateQuery,
+ isServer,
+ QueryClient,
+ QueryClientProvider,
+} from '@tanstack/react-query'
+import { ReactQueryDevtools } from '@tanstack/react-query-devtools'
+
+interface QueryProviderProps {
+ children: React.ReactNode
+}
+
+let browserQueryClient: QueryClient | undefined = undefined
+
+export function createInitialQueryClient(): QueryClient {
+ const queryClient = new QueryClient({
+ defaultOptions: {
+ queries: {
+ staleTime: 60 * 1000,
+ },
+ dehydrate: {
+ shouldDehydrateQuery: (query) =>
+ defaultShouldDehydrateQuery(query) ||
+ query.state.status === 'pending',
+ },
+ },
+ })
+
+ return queryClient
+}
+
+export function initQueryClient(): QueryClient {
+ if (isServer) {
+ return createInitialQueryClient()
+ } else {
+ if (!browserQueryClient) {
+ browserQueryClient = createInitialQueryClient()
+ }
+
+ return browserQueryClient
+ }
+}
+
+export function QueryProvider({
+ children,
+}: Readonly): React.ReactElement {
+ const queryClient = initQueryClient()
+
+ return (
+
+ {children}
+
+
+ )
+}
diff --git a/src/shared/provider/theme-provider.tsx b/src/shared/providers/theme-provider.tsx
similarity index 100%
rename from src/shared/provider/theme-provider.tsx
rename to src/shared/providers/theme-provider.tsx
diff --git a/src/shared/styles/globals.css b/src/shared/styles/globals.css
index cb667c3..772ec9b 100644
--- a/src/shared/styles/globals.css
+++ b/src/shared/styles/globals.css
@@ -1,12 +1,9 @@
-/* User interface icons from flaticons.com */
@import '@flaticon/flaticon-uicons/css/all/all.css';
-/* Tailwindcss */
@tailwind base;
@tailwind components;
@tailwind utilities;
-/* Theme customizations & adaptive for light and dark mode */
@layer base {
:root {
--background: 0 0 98%;
@@ -33,7 +30,6 @@
--secondary-foreground: 0 0 65%;
}
-/* preset */
@layer base {
* {
@apply box-border;
diff --git a/src/shared/utils/formatter.ts b/src/shared/utils/formatter.ts
index e56f167..bc3949b 100644
--- a/src/shared/utils/formatter.ts
+++ b/src/shared/utils/formatter.ts
@@ -1,13 +1,5 @@
import * as DateUtil from 'date-fns'
-/**
- * Format the date become more readbale version
- * allow to read and modification the string date into more usable
- *
- * @param stringDate date want to prase
- * @param format the date format using `date-fns` guidelines
- * @returns {string}
- */
export function formatReadableDate(
stringDate: string,
format?: string,
diff --git a/src/shared/utils/helper.ts b/src/shared/utils/helper.ts
index c4b1d67..2053150 100644
--- a/src/shared/utils/helper.ts
+++ b/src/shared/utils/helper.ts
@@ -1,13 +1,6 @@
import { type ClassValue, clsx } from 'clsx'
import { twMerge } from 'tailwind-merge'
-/**
- * Merge the class to combine without
- * conflicts and avoid the bad code structure
- *
- * @param inputs the class input
- * @returns {string}
- */
export function mergeClass(...inputs: ClassValue[]) {
return twMerge(clsx(inputs))
}
diff --git a/src/shared/utils/image.ts b/src/shared/utils/image.ts
deleted file mode 100644
index 8f5cb97..0000000
--- a/src/shared/utils/image.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import * as fs from 'fs/promises'
-import { getPlaiceholder } from 'plaiceholder'
-
-interface CreateImageBlur {
- url: string
-}
-
-/**
- * ## createImageBlur
- *
- * Create the blur placeholder for the images that used to loading animation
- * for the images and fill the blank space
- *
- * @param url The image url, can be the static and dynamic image url
- * @returns {string}
- */
-export async function createImageBlur({
- url,
-}: CreateImageBlur): Promise {
- // Check if the images is static or the dynamic images from url
- const isDynamicImage = url.includes('https://') || url.includes('http://')
- let blurImage
-
- if (isDynamicImage) {
- const buffer = await fetch(url)
- .then((res) => res.arrayBuffer())
- .then((res) => Buffer.from(res))
-
- blurImage = (await getPlaiceholder(buffer)).base64
- } else {
- const buffer = await fs.readFile(`${process.cwd()}/public${url}`)
- blurImage = (await getPlaiceholder(buffer)).base64
- }
-
- return blurImage
-}
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 906f38f..713c306 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -1,12 +1,18 @@
import type { Config } from 'tailwindcss'
+import form from '@tailwindcss/forms'
+import typography from '@tailwindcss/typography'
+import animation from 'tailwindcss-animate'
const config: Config = {
- content: ['./src/**/*.{js,ts,jsx,tsx,mdx,json}'],
+ content: [
+ './src/**/*.{js,ts,jsx,tsx,mdx,json}',
+ './data/**/*.{js,ts,jsx,tsx,mdx,json}',
+ ],
darkMode: ['selector'],
theme: {
fontFamily: {
- sans: ['var(--font-geist-sans)'],
- mono: ['var(--font-geist-mono)'],
+ sans: ['var(--font-inter)'],
+ mono: ['var(--font-dm-mono)'],
},
screens: {
tablet: '640px',
@@ -39,7 +45,7 @@ const config: Config = {
},
},
},
- plugins: [require('@tailwindcss/typography')],
+ plugins: [typography, form, animation],
}
export default config