@dynamicphillic432

Dynamic Phillic

@dynamicphillic432Joined May 2025

Stay Code, Stay Calm

About

Nothing here yet.

Available for

Nothing here yet.

Dynamic Phillic's blogs

Easy Dark Mode Toggle with React & Reduxdarkmoderedux.hashnode.dev1 post

Next.js + Supabase: Full CRUD & Authsupabasewithnextjs.hashnode.dev1 post

Next.js + Cloudinary Uploaderimagecloudinarynextjs.hashnode.dev1 post

PWA implementation in react and next jspwareactnextjs.hashnode.dev1 post handle function of GPT apigptapi.hashnode.dev1 post

🚀 Build Your Own GPT-Powered React App with Next.js and OpenAI

The rise of AI has opened up new possibilities for developers, especially with tools like OpenAI's GPT models. In this post, I’ll walk you through building a minimal yet powerful GPT integration in a Next.js app—perfect for prototyping ideas or enhan...

May 26, 2025 · 3 min readopenaikeyreact.hashnode.dev

Title: 🔒 How to Build a Secure & Reusable AI Chat Component in React Using DevsDoCode API

Learn how to build a global AI-powered chat component using the DevsDoCode API, while securely managing your API keys with environment variables in a React or Next.js project. Blog Outline: Introduction Overview of DevsDoCode AI API Setting Up Env...

May 22, 2025 · 2 min readgptapi.hashnode.dev

Implement PWA functionality using manifest.json in react & next.js

Create the manifest.json in the public folder { "name": "Yourwebapp", "short_name": "Yourwebapp in short", "start_url": "/", "display": "standalone", "orientation": "portrait", "lang": "en-IN", "background_color": "#000000", "theme_co...

May 21, 2025 · 2 min readpwareactnextjs.hashnode.dev

🌩️ Effortless Image Uploads with Cloudinary (No Backend Needed!) – Next.js & React

If you’re building a modern web app and need to upload images or GIFs without setting up a backend, you’re in the right place. Let’s integrate Cloudinary unsigned uploads into your Next.js or React (CRA) project in just minutes! ⚙️ Cloudinary Setup (...

May 18, 2025 · 2 min readimagecloudinarynextjs.hashnode.dev

How to Integrate Supabase Auth with Next.js (JavaScript Only)

Step 1: Create useAuth hook // src/hooks/useAuth.js 'use client' import { createContext, useContext, useEffect, useState } from 'react' import supabase from '@/libs/supabase/client' const AuthContext = createContext({ session: null, user: null,...

May 16, 2025 · 11 min readsupabasewithnextjs.hashnode.dev

Dynamic Phillic

About

Available for

Dynamic Phillic's blogs

🚀 Build Your Own GPT-Powered React App with Next.js and OpenAI

Title: 🔒 How to Build a Secure & Reusable AI Chat Component in React Using DevsDoCode API

Implement PWA functionality using manifest.json in react & next.js

🌩️ Effortless Image Uploads with Cloudinary (No Backend Needed!) – Next.js & React

How to Integrate Supabase Auth with Next.js (JavaScript Only)

Search Hashnode

Dynamic Phillic

About

Available for

Dynamic Phillic's blogs

🚀 Build Your Own GPT-Powered React App with Next.js and OpenAI

Title: 🔒 How to Build a Secure & Reusable AI Chat Component in React Using DevsDoCode API

Implement PWA functionality using manifest.json in react & next.js

🌩️ Effortless Image Uploads with Cloudinary (No Backend Needed!) – Next.js & React

How to Integrate Supabase Auth with Next.js (JavaScript Only)