import useSWR from "swr"; import Head from "next/head"; import dynamic from "next/dynamic"; import { ThemeProvider } from "utils/theme-context"; import ServicesGroup from "components/services/group"; import BookmarksGroup from "components/bookmarks/group"; import Widget from "components/widget"; const ThemeToggle = dynamic(() => import("components/theme-toggle"), { ssr: false, }); export default function Home() { const { data: services, error: servicesError } = useSWR("/api/services"); const { data: bookmarks, error: bookmarksError } = useSWR("/api/bookmarks"); const { data: widgets, error: widgetsError } = useSWR("/api/widgets"); return ( Welcome
{widgets && ( <> {widgets.map((widget) => ( ))} )}
{services && (
{services.map((group) => ( ))}
)} {bookmarks && (
{bookmarks.map((group) => ( ))}
)}
); }