portfolio/app/api/views/[slug]/route.ts

import {NextResponse} from 'next/server'
import {cookies} from 'next/headers'
import {createServerComponentClient} from '@supabase/auth-helpers-nextjs'
import type {Database} from '@/types/database.types'

export async function GET(request: Request, {params}: { params: { slug: string } }) {
    if (typeof params.slug !== 'undefined') {
        try {
            const supabase = createServerComponentClient<Database>({cookies})
            const slug = params.slug.toString()
            const response = await supabase
                // @ts-ignore
                .from('analytics')
                .select('views')
                .eq('slug', slug)
                .returns<any>()

            const {views} = response.data[0]
            if (typeof views !== 'undefined') {
                return NextResponse.json({views})
            }
        } catch (e) {
            return new Response(JSON.stringify({status: 'Internal Server Error'}), {status: 500})
        }
    }
    return new Response(JSON.stringify({status: 'Not Found'}), {status: 404})
}

export async function POST(request: Request, {params}: { params: { slug: string } }) {
    if (typeof params.slug !== 'undefined') {
        try {
            const supabase = createServerComponentClient<Database>({cookies})
            const slug = params.slug.toString()
            // @ts-ignore
            await supabase.rpc('increment_views', {page_slug: slug})
            return NextResponse.json({})
        } catch (e) {
            return new Response(JSON.stringify({status: 'Internal Server Error'}), {status: 500})
        }
    }
    return new Response(JSON.stringify({status: 'Not Found'}), {status: 404})
}