DALLE 2 on Next.js

Related tags

React react nextjs
Overview

DALLE 2 App (Next.js)

Create realistic images and art from a description in natural language

CleanShot 2022-06-18 at 15 12 05@2x

Requirement

Tutorial

Getting Started

  1. Clone/Download this project
  2. Install:
npm
# or
yarn
  1. Run the development server:
npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

Usage

  1. Input token start from sess-
  2. Query anything, e.g. cat on space:

CleanShot 2022-06-18 at 16 36 25@2x

Deploy on Vercel

Check out Next.js deployment documentation for more details.

Resources

dalle-node

Comments
  • API Keys don't work for Dalle 2

    API Keys don't work for Dalle 2

    Hi there,

    I tried this approach and package but it seems that teh API keys don't work for Dalle access (401). From what I've read, they don't support this at the moment. Did you get this working, and if so, does it still work for you?

    Thanks!

    question 
    opened by scottk2 6
  • Bearer Token Issue

    Bearer Token Issue

    URL to get Bearer Token https://labs.openai.com/api/labs/tasks requires username and password. I tried with my username and password but its not working. How can I get the Bearer Token ?

    opened by xishoon 3
  • Restyle Add styling & error message

    Restyle Add styling & error message

    A duplicate of #4 with additional commits that automatically address incorrect style, created by Restyled.

    :warning: Even though this PR is not a Fork, it contains outside contributions. Please review accordingly.

    Since the original Pull Request was opened as a fork in a contributor's repository, we are unable to create a Pull Request branching from it with only the style fixes.

    The following Restylers made fixes:

    To incorporate these changes, you can either:

    1. Merge this Pull Request instead of the original, or

    2. Ask your contributor to locally incorporate these commits and push them to the original Pull Request

      Expand for example instructions
      ```console
      git remote add upstream https://github.com/1998code/DALLE-2-App.git
      git fetch upstream pull/<this PR number>/head
      git merge --ff-only FETCH_HEAD
      git push
      ```
      

    NOTE: As work continues on the original Pull Request, this process will re-run and update (force-push) this Pull Request with updated style fixes as necessary. If the style is fixed manually at any point (i.e. this process finds no fixes to make), this Pull Request will be closed automatically.

    Sorry if this was unexpected. To disable it, see our documentation.

    opened by restyled-io[bot] 3
  • Restyle 4 images instead of 6 (button label)

    Restyle 4 images instead of 6 (button label)

    A duplicate of #10 with additional commits that automatically address incorrect style, created by Restyled.

    :warning: Even though this PR is not a Fork, it contains outside contributions. Please review accordingly.

    Since the original Pull Request was opened as a fork in a contributor's repository, we are unable to create a Pull Request branching from it with only the style fixes.

    The following Restylers made fixes:

    To incorporate these changes, you can either:

    1. Merge this Pull Request instead of the original, or

    2. Ask your contributor to locally incorporate these commits and push them to the original Pull Request

      Expand for example instructions
      ```console
      git remote add upstream https://github.com/1998code/DALLE-2-App.git
      git fetch upstream pull/<this PR number>/head
      git merge --ff-only FETCH_HEAD
      git push
      ```
      

    NOTE: As work continues on the original Pull Request, this process will re-run and update (force-push) this Pull Request with updated style fixes as necessary. If the style is fixed manually at any point (i.e. this process finds no fixes to make), this Pull Request will be closed automatically.

    Sorry if this was unexpected. To disable it, see our documentation.

    opened by restyled-io[bot] 2
  • bump package dalle-node version to 1.0.5

    bump package dalle-node version to 1.0.5

    from openai: "4 images per prompt: Starting later today, DALL·E will return four images instead of six. This allows more people to experience DALL·E by lessening the strain on our capacity."

    this is adjusted in the package

    opened by ezzcodeezzlife 2
  • Restyle bump dalle-node version

    Restyle bump dalle-node version

    A duplicate of #2 with additional commits that automatically address incorrect style, created by Restyled.

    :warning: Even though this PR is not a Fork, it contains outside contributions. Please review accordingly.

    Since the original Pull Request was opened as a fork in a contributor's repository, we are unable to create a Pull Request branching from it with only the style fixes.

    The following Restylers made fixes:

    To incorporate these changes, you can either:

    1. Merge this Pull Request instead of the original, or

    2. Ask your contributor to locally incorporate these commits and push them to the original Pull Request

      Expand for example instructions
      ```console
      git remote add upstream https://github.com/1998code/DALLE-2-App.git
      git fetch upstream pull/<this PR number>/head
      git merge --ff-only FETCH_HEAD
      git push
      ```
      

    NOTE: As work continues on the original Pull Request, this process will re-run and update (force-push) this Pull Request with updated style fixes as necessary. If the style is fixed manually at any point (i.e. this process finds no fixes to make), this Pull Request will be closed automatically.

    Sorry if this was unexpected. To disable it, see our documentation.

    opened by restyled-io[bot] 2
  • Is this deprecated? Or the current best practice?

    Is this deprecated? Or the current best practice?

    Hey, I see open AI has an API library... but that uses Python.... I prefer to use Node as I'm much more familiar with it.

    Is this technique considered a "hack" or is effectively doing the same thing the python technique would do?

    Thanks

    opened by bjshumway 2
Owner
MING
 Developer, UI Designer, Engineer WWDC Award Winner
MING
Next-gen, highly customizable content editor for the browser - based on React and Redux and written in TypeScript. WYSIWYG on steroids.

ReactPage ReactPage is a smart, extensible and modern editor ("WYSIWYG") for the web written in React. If you are fed up with the limitations of conte

null 9.1k Jan 6, 2023
⚡️The Fullstack React Framework — built on Next.js

The Fullstack React Framework "Zero-API" Data Layer — Built on Next.js — Inspired by Ruby on Rails Read the Documentation “Zero-API” data layer lets y

⚡️Blitz 12.5k Jan 4, 2023
An interactive CLI automation tool 🛠️ for creating react.js and next.js projects most fast and efficiently. ⚛️

An interactive CLI automation tool ??️ for creating react.js and next.js projects most fast and efficiently. ⚛️ About ℹ️ ReexJs CLI is an interactive

Alexis Guzman 27 Apr 12, 2022
My JAMStack website/blog [Next / MDX / ChakraUI]

carlosazaustre.es Personal website/blog Technologies used Next.js React.js @emotion/styled ChakraUI MarkdownX Vercel Support If you like my work, you

Carlos Azaustre 80 Dec 25, 2022
A forkable Next.js site w/ a blank custom Nextra theme (w/Tailwind)

Nextra Blank Custom Theme/Boilerplate Example A nearly blank MDX blog/content site powered by a custom Nextra theme (see components/layout.js) w/Tailw

Jared Palmer 91 Jan 6, 2023
trying to clone tiktok using next, typescript, tailwindcss and hasura graphql. For educational purposes only

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

null 2 Jan 4, 2022
This is a minimal Next.js app where you can create birthday wishes and share the link to anyone :)

Happy Birthday Wisher Check out the Live Website This is a simple Next.js project where you can generate a birthday wish for someone. Just enter their

Gourav Khunger 21 Dec 22, 2022
Makeup shopping app using Next.js and TypeScript

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Osama Gozlan 2 Nov 21, 2021
Real state property listing app using next.js , chakra.ui, SCSS

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

null 1 Dec 19, 2021
Get an array of all React Spectrum modules, useful for integrating with Next.js

get-react-spectrum-modules This package exports a function that returns an array of all React Spectrum modules that it finds in the node_modules direc

Marc Abramowitz 1 Mar 8, 2022
Build Google 2.0 with Tailwind CSS & Next.js for Education Purpose..

Paradise of Creativity Parimal Nakrani This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server:

Parimal Nakrani 1 Dec 21, 2021
E-commerce project using Next.js

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Mix Sirapat 1 Jan 5, 2022
Build Instagram 2.0 with Next.js (Firebase v9, Tailwind CSS, NextAuth, Recoil) for the Education Purpose..

This example shows how to use Tailwind CSS (v3.0) with Next.js. It follows the steps outlined in the official Tailwind docs.

Parimal Nakrani 1 Dec 24, 2021
Creating this clone to learn the fundamentals of Next Js and Tailwind CSS.

Next.js + Tailwind CSS Example This example shows how to use Tailwind CSS (v3.0) with Next.js. It follows the steps outlined in the official Tailwind

Premveer Tomar 2 Feb 2, 2022
This is a movie app created by next.js and tailwind css using imdb database.

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Sahand Ghavidel 1 Dec 26, 2021
Blog - ⚡️ Blog pessoal onde publico artigos relacionados a dev. Desenvolvido com Next.js e TailwindCSS

⚡️ Blog Blog pessoal desenvolvido com Next.js e TypeScript ℹ️ Sobre o projeto Este projeto consiste em um blog pessoal, onde futuramente farei posts d

Caio Augusto 2 Oct 6, 2022
Twitter-Clone-Nextjs - Twitter Clone Built With React JS, Next JS, Recoil for State Management and Firebase as Backend

Twitter Clone This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn de

Basudev 0 Feb 7, 2022
Parcel Next JS - A simple website with Authentication and basic API calls to a backend system.

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Subham Roy 1 Jan 2, 2022
🚀 Aplicação mobile com React Native produzida durante o Next Level Week #05

✨ Tecnologias Esse projeto foi desenvolvido com as seguintes tecnologias: React Native Typescript Expo ?? Projeto Aplicativo para lhe ajudar a lembrar

Danilo Alexandrino 11 May 28, 2022