search

fjosue4 / google-gemini-ui

Basic UI to chat with Google Gemini AI
https://google-gemini-ui.vercel.app
MIT License
39 stars 17 forks source link

I Cannot get the App to Display #6

Closed TSSFL closed 5 months ago

TSSFL commented 5 months ago

Hi @fjosue4

I downloaded the app and put it in www.example.com/google-gemini, where google-gemini is an application, but I cannot get it to display. When I navigate to www.example.com/google-gemini, there is no error but the only thing I can see on the browser is the tittle of the page. What could be wrong ?

Thanks

fjosue4 commented 5 months ago

Hey @TSSFL What deployment application do you use? I usually handle my projects with Vercel but Netlify should be a good option too.

fjosue4 commented 5 months ago

If you don't use any of those, you can:

Add base: './', to the vite.config.js file

image

Then run: npm run build

image

And then you get the HTML, CSS and JS to upload and serve:

image

Make sure you have Node 18 or newer.

TSSFL commented 5 months ago

Hello @fjosue4

Thank you very much for your insights. I was able to deploy the Gemini web chat on the live server. You can see the details of how I went through it in this post: https://www.tssfl.com/viewtopic.php?t=6778. I hope this helps anyone who wants to achieve the same.

Did you overwrite the light mode ? I seem not to find it in the master branch that I re-downloaded!

TSSFL commented 5 months ago

Future thought can be making it multi-modal web chat, with upload feature for images, see https://tssfl.com/gemini/, although currently does not work.

fjosue4 commented 5 months ago

Awesome @TSSFL ! I added your documentation to the README if someone else needs to deploy differently than Vercel.

image

The light mode is on the main branch. Check the component existing on main: https://github.com/fjosue4/google-gemini-ui/tree/main/src/components/ThemeToggle

About using the image API, you'll need to modify line 12 on this file: https://github.com/fjosue4/google-gemini-ui/blob/main/src/store/user/dispatchers.user.ts

https://generativelanguage.googleapis.com/v1beta/models/gemini-pro:generateContent?key= Instead of Gemini Pro, you need to use Gemini Pro Vision

The current API used only accepts text prompts, you'll need to use

fjosue4 commented 5 months ago

I think you handled the Light mode, tested and worked on your website: image

fjosue4 commented 5 months ago

@TSSFL Let me know if we're good to close this issue or feel free to close it. You can open a new one if you need additional help in other topic or if there's a bug :D

TSSFL commented 5 months ago

Hi @fjosue4

Thank you very much. To this point it suffices to close this issue. I'm closing it.