EARTHCORP

Next.js API Route Example

Example frontend fetch from /api/data

// app/components/ApiData.jsx
            'use client'

            import { useEffect, useState } from 'react'

            export default function ApiData() {
              const [data, setData] = useState(null)

              useEffect(() => {
                const fetchData = async () => {
                  const res = await fetch('/api/data')
                  const json = await res.json()
                  setData(json)
                }

                fetchData()
              }, [])

              return (
                <div>
                  <h2>Phone: {data?.contact?.phone}</h2>
                </div>
              )
            }