Posts

Build Blog

Image
 Below is a clear step-by-step development document for building a Blogging Platform using Next.js + Firebase + Google AdSense . This is a practical architecture used in production blogs and will allow you to: Publish daily blogs Allow users to read & react (like/comment) Store data in Firebase Show Google AdSense ads Scale later if traffic grows 1. Overall Architecture User Browser │ ▼ Next.js Frontend (React + SSR) │ ├── Firebase Authentication (login/signup) ├── Firebase Firestore (blogs, comments, reactions) ├── Firebase Storage (blog images) │ ▼ Google AdSense (Ads monetization) Tech Stack Layer Technology Frontend Next.js 14 Styling Tailwind CSS Backend Firebase Database Firestore Auth Firebase Auth Storage Firebase Storage Hosting Vercel / Firebase Ads Google AdSense 2. Create the Next.js Application Install Node.js first. Then run: npx create-next-app@latest ai-blog-platform Select: ✔ TypeScript: Yes ✔ Tailwind CSS...
Post a Comment
Read more

dribble templates

 https://dribbble.com/shots/27067505-Radiant-Star-School-Web-Design?utm_source=Clipboard_Shot&utm_campaign=hamzak15&utm_content=Radiant%20Star%20-%20School%20Web%20Design&utm_medium=Social_Share&utm_source=Clipboard_Shot&utm_campaign=hamzak15&utm_content=Radiant%20Star%20-%20School%20Web%20Design&utm_medium=Social_Share https://dribbble.com/shots/27067505-Radiant-Star-School-Web-Design?utm_source=Clipboard_Shot&utm_campaign=hamzak15&utm_content=Radiant%20Star%20-%20School%20Web%20Design&utm_medium=Social_Share&utm_source=Clipboard_Shot&utm_campaign=hamzak15&utm_content=Radiant%20Star%20-%20School%20Web%20Design&utm_medium=Social_Share https://dribbble.com/shots/27067505-Radiant-Star-School-Web-Design?utm_source=Clipboard_Shot&utm_campaign=hamzak15&utm_content=Radiant%20Star%20-%20School%20Web%20Design&utm_medium=Social_Share&utm_source=Clipboard_Shot&utm_campaign=hamzak15&utm_content=Radiant%20Star%20-%...
Post a Comment
Read more
Image
 "https://www.infixstudios.com/" (Agni studios is the old name new one is Infix Studios) new buisness, a web devlopment services with website devlopment till seo and scaling buisness showing the flow of and animations of lcoal buisness having no digital presence scaling into digital world and growing 
Post a Comment
Read more

Infixstudios WEApp

Hero section :   You are given a task to integrate an existing React component in the codebase The codebase should support: - shadcn project structure   - Tailwind CSS - Typescript If it doesn't, provide instructions on how to setup project via shadcn CLI, install Tailwind or Typescript. Determine the default path for components and styles.  If default path for components is not /components/ui, provide instructions on why it's important to create this folder Copy-paste this component to /components/ui folder: ```tsx animated-hero.tsx import { useEffect, useMemo, useState } from "react"; import { motion } from "framer-motion"; import { MoveRight, PhoneCall } from "lucide-react"; import { Button } from "@/components/ui/button"; function Hero() {   const [titleNumber, setTitleNumber] = useState(0);   const titles = useMemo(     () => ["amazing", "new", "wonderful", "beautiful", "smart"],  ...
Post a Comment
Read more