Build and Deploy your own Decentralized Github Pages with Next.js 14, Typescript, IPFS & Devv AI

HTTP3 is a revolutionary decentralized web hosting platform that leverages blockchain technology to provide permanent, censorship-resistant website hosting. It combines the power of IPFS (InterPlanetary File System) with smart contracts to create a robust, decentralized infrastructure for the web.

🎓 What You'll Learn:
- Responsive design using Tailwind CSS
- Authentication with Privy
- Database integration using Drizzle ORM

📚 Project Highlights:
- AI-assisted waste verification
- User reward system for eco-friendly actions
- Real-time waste collection task management
- Interactive leaderboard for community engagement

👨‍💻 Step-by-Step Guide:
- Creating a responsive layout with Tailwind CSS
- Implementing Privy authentication
- Database design and integration with Drizzle ORM
- Building interactive UI components

⭐ Key Technologies:

📚 Materials/References:

👋 Social Media:

Subscribe or I turn your vs code into light mode
╔═╦╗╔╦╗╔═╦═╦╦╦╦╗╔═╗
║╚╣║║║╚╣╚╣╔╣╔╣║╚╣═╣
╠╗║╚╝║║╠╗║╚╣║║║║║═╣
╚═╩══╩═╩═╩═╩╝╚╩═╩═╝ 
Timestamps 
00:00:00 - Intro
00:00:47 - demo
00:05:00 - IPFS & static webhosting architecture
00:11:50 - setup & home page
00:30:47 - navbar + clerk authentication
00:42:13 - database setup
00:47:33 - navbar cont'd
01:16:25 - smart contract
01:43:18 - dashboard
02:52:16 - hosting website + conclusion

👨🏽‍💻 Tools and Tech Stack

#ReactJS #WebDevelopment #AIinHealthcare #FullStackDevelopment #TypeScript #TailwindCSS #JavaScript #CodingTutorial #nextjs #gemini #openai #ai

[sakshinarkhede]

Ahh.. Done with Diwali celebrations 🥺 time to get busy now 🙂✌Thanks for your effort for this video 😊

[akvlogs]

bro u always surprised me by our talent..GOD bless u

[itz_dev]

Thxs for this level of content and I look forward you to make more in-depth project based course, so that everyone can learn with doing something greta hands on ❤
Love from IND brother

[ahmadyakubuahmad]

Issue encountered when craeting or updating user in the database can be resolved by adding the "use sever" declarative in the actions.ts file which ensures running all the actions on the server

[AmithBV-cs]

1:15:50 Have you got the solution for this "use server" issue?

[naveenpandey]

i keep getting in Deployment failed: Error: insufficient funds error even though it connected to correcto wallet and private key is also right.pls help

[Deus-lo-Vuilt]

Muchas gracias por dejar los recursos en la descripcion para poder seguir paso a paso el video

[harshitanchan]

Build a Site monitoring web app to ping backend URLs at set intervals, like cronjob or the backup server monitoring web app, that would be nice.

[ArkayanSarkar]

Can you teach me how to create a application like cirilla or fluxstore?

[ahmadyakubuahmad]

Hey, whenever i try adding the BTTC test network to the metamask, i get this error "Error while connecting to the custom network.".

[WebDeveloper-wu]

hi Please can you build a School management something like quiz website to get students prepared for exam? it should have both admin and user side.. where admins can updates questions and mange users from their dashboar.d. aslo it should be sass app please.. i really need to learn this along

[srinivasanj]

Error: nodeCrypto is not defined , bro im having this error

[AnaSi-xl]

Please give as the roadmap to became blockchain developer

[everythinggaurav]

you are show many thing not cover in this video why

[gamingburner]

Please sir create a school management project where every records store in a blockchain network and more details like student details teacher's details etc and one thing can we eliminate some records in the blockchain ?

[atharvsabale]

Can you plz make a video on trading application

[rummanujjaman]

we want a tutorial for dynamic hosting as well😭😭

[AnaSi-xl]

Is it good to became blockchain developer for career development

[zareefbeyg]

Make a tutorial "how to build AI search engine using Meta Llama 3.2 or Gemini"

[unknowns]

i am facing issue while connecting BTTC with metamask.