+
+ )
+}
diff --git a/src/app/artigos/SanityArticlesRepository.ts b/src/app/artigos/SanityArticlesRepository.ts
new file mode 100644
index 0000000..286ceaf
--- /dev/null
+++ b/src/app/artigos/SanityArticlesRepository.ts
@@ -0,0 +1,77 @@
+import { client } from 'programou/utils/sanity/client'
+import { z } from 'zod'
+import { Article } from './Article'
+import { ArticlesRepository } from './ArticlesRepository'
+
+export class SanityArticlesRepository implements ArticlesRepository {
+ private readonly articleSchema = z.object({
+ title: z.string(),
+ description: z.string(),
+ author: z.object({
+ name: z.string(),
+ }),
+ mainImage: z.object({
+ asset: z.object({
+ path: z.string(),
+ }),
+ }),
+ slug: z.object({
+ current: z.string(),
+ }),
+ publishedAt: z.string(),
+ body: z.any(),
+ })
+
+ async findMany(): PromiseNenhum resultado encontrado
++ Não encontrados um artigo relacioando a sua busca, tente buscar por + outro termo. +
+Not found
+
+ return (
+
+
+
+ )
+}
diff --git a/src/app/artigos/page.tsx b/src/app/artigos/page.tsx
new file mode 100644
index 0000000..4ce23ae
--- /dev/null
+++ b/src/app/artigos/page.tsx
@@ -0,0 +1,12 @@
+import { ArticlesContent } from './ArticlesContent'
+import { articlesRepository } from './SanityArticlesRepository'
+
+export default async function ArticlePage() {
+ const articles = await articlesRepository.findMany()
+
+ return (
+
+
+ {article.title}
+
+
+ )
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index e3a453e..4815301 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,4 +1,3 @@
-import React from 'react'
import './globals.css'
// eslint-disable-next-line camelcase
@@ -30,11 +29,9 @@ export default function RootLayout({
return (
-
-
-
+
+ {children}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 03058ac..f575fbf 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,7 +1,49 @@
+'use client'
+
import { ArrowRight, Bell } from 'lucide-react'
import Link from 'next/link'
+import { analyticsClient } from 'programou/utils/firebase/client'
export default function Home() {
+ function alertLinkActionHandler() {
+ analyticsClient.trackClick({
+ item: 'link:grupo-comunidade-whats-app',
+ })
+ // analytics.log({
+ // name: 'click',
+ // object: {
+ // detail: 'grupo-comunidade-whats-app',
+ // feature: 'home',
+ // },
+ // })
+ }
+
+ function knowMoreActionHandler() {
+ analyticsClient.trackClick({
+ item: 'link:saiba-mais',
+ })
+ // analyticsClient.log({
+ // name: 'click',
+ // object: {
+ // detail: 'saiba-mais',
+ // feature: 'home',
+ // },
+ // })
+ }
+
+ // analyticsClient.trackPage({
+ // path: '/home',
+ // title: 'home',
+ // })
+
+ // analyticsClient.log({
+ // name: 'screen_view',
+ // object: {
+ // detail: '',
+ // feature: 'home',
+ // },
+ // })
+
return (
@@ -12,6 +54,7 @@ export default function Home() {
href="https://chat.whatsapp.com/Dyfk97bLCmE9f9uVV1QSVl"
passHref={true}
className="font-bold"
+ onClick={alertLinkActionHandler}
>
Conhecer agora!
@@ -30,7 +73,7 @@ export default function Home() {
programação mobile para dispositivos Apple.
-
+
)
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 1daff4a..894977c 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -16,6 +16,7 @@ export function Header() {
)
diff --git a/src/components/HeaderLinkButton.tsx b/src/components/HeaderLinkButton.tsx
index c1e52df..e15c16a 100644
--- a/src/components/HeaderLinkButton.tsx
+++ b/src/components/HeaderLinkButton.tsx
@@ -2,6 +2,7 @@
import Link from 'next/link'
import { usePathname } from 'next/navigation'
+import { analyticsClient } from 'programou/utils/firebase/client'
interface HeaderLinkButtonProps {
name: string
@@ -13,12 +14,19 @@ export function HeaderLinkButton(props: HeaderLinkButtonProps) {
const isCurrentRoute = props.path === pathname
+ function clickActionHandler() {
+ analyticsClient.trackClick({
+ item: `nav:link:${props.name.toLowerCase()}`,
+ })
+ }
+
return (
{props.name}
diff --git a/src/utils/firebase/Analytics.ts b/src/utils/firebase/Analytics.ts
new file mode 100644
index 0000000..a1e64f2
--- /dev/null
+++ b/src/utils/firebase/Analytics.ts
@@ -0,0 +1,18 @@
+export interface AnalyticsTrackPageProps {
+ title: string
+ path: string
+}
+
+export interface AnalyticsTrackClickProps {
+ item: string
+}
+
+export interface AnalyticsTrackSearchProps {
+ term: string
+}
+
+export interface Analytics {
+ trackPage(props: AnalyticsTrackPageProps): void
+ trackClick(props: AnalyticsTrackClickProps): void
+ trackSearch(props: AnalyticsTrackSearchProps): void
+}
diff --git a/src/utils/firebase/client.ts b/src/utils/firebase/client.ts
new file mode 100644
index 0000000..3d72678
--- /dev/null
+++ b/src/utils/firebase/client.ts
@@ -0,0 +1,56 @@
+/* eslint-disable prettier/prettier */
+// Import the functions you need from the SDKs you need
+
+import {
+ Analytics as FAnalytics,
+ getAnalytics,
+ isSupported,
+ logEvent
+} from 'firebase/analytics'
+import { initializeApp } from 'firebase/app'
+import { Analytics, AnalyticsTrackClickProps, AnalyticsTrackPageProps, AnalyticsTrackSearchProps } from './Analytics'
+
+const app = initializeApp({
+ apiKey: "AIzaSyCm4IqiTz9D0ixEyE0FEOnLsGG7O0BaiCA",
+ authDomain: "programou-app.firebaseapp.com",
+ projectId: "programou-app",
+ storageBucket: "programou-app.appspot.com",
+ messagingSenderId: "842195153338",
+ appId: "1:842195153338:web:8446ae03076ba24e7aed83",
+ measurementId: "G-0NR42161NW"
+})
+
+export class FirebaseAnalyticsAdapter implements Analytics {
+ private analytics: FAnalytics | null
+
+ constructor() {
+ this.analytics = null
+ isSupported().then(yes => {
+ this.analytics = yes ? getAnalytics(app) : null
+ })
+ }
+
+ trackClick(props: AnalyticsTrackClickProps): void {
+ if (!this.analytics) throw new Error()
+ logEvent(this.analytics, 'select_content', {
+ item_id: props.item
+ })
+ }
+
+ trackPage(props: AnalyticsTrackPageProps): void {
+ if (!this.analytics) throw new Error()
+ logEvent(this.analytics, 'page_view', {
+ page_title: props.title,
+ page_path: props.path
+ })
+ }
+
+ trackSearch(props: AnalyticsTrackSearchProps): void {
+ if (!this.analytics) throw new Error()
+ logEvent(this.analytics, 'search', {
+ search_term: props.term
+ })
+ }
+}
+
+export const analyticsClient = new FirebaseAnalyticsAdapter()
diff --git a/src/utils/sanity/client.ts b/src/utils/sanity/client.ts
new file mode 100644
index 0000000..8599bff
--- /dev/null
+++ b/src/utils/sanity/client.ts
@@ -0,0 +1,8 @@
+import { createClient } from '@sanity/client'
+
+export const client = createClient({
+ projectId: process.env.SANITY_PROJECT_ID,
+ dataset: process.env.SANITY_DATA_SET,
+ apiVersion: '2024-03-11',
+ useCdn: process.env.SANITY_USE_CDN === 'true',
+})
diff --git a/tests/about.e2e.spec.ts b/tests/e2e/about.e2e.spec.ts
similarity index 100%
rename from tests/about.e2e.spec.ts
rename to tests/e2e/about.e2e.spec.ts
diff --git a/tests/home.e2e.spec.ts b/tests/e2e/home.e2e.spec.ts
similarity index 100%
rename from tests/home.e2e.spec.ts
rename to tests/e2e/home.e2e.spec.ts
diff --git a/tsconfig.json b/tsconfig.json
index 608dcf2..64185d6 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,6 +1,6 @@
{
"compilerOptions": {
- "target": "es5",
+ "target": "ES2017",
"lib": ["dom", "dom.iterable", "esnext"],
"allowJs": true,
"skipLibCheck": true,
Saiba mais
- Copyright © 2024 Programou. Todos os direitos reservados + Copyright © {today.getFullYear()} Programou. Todos os direitos + reservados