https://github.com/smakosh/with-imagekit

Next js app to upload pictures to Imagekit using Next API routes
https://github.com/smakosh/with-imagekit

Last synced: 12 days ago
JSON representation

Next js app to upload pictures to Imagekit using Next API routes

• Host: GitHub
• URL: https://github.com/smakosh/with-imagekit
• Owner: smakosh
• Created: 2020-12-07T04:05:30.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2024-03-03T16:51:34.000Z (8 months ago)
• Last Synced: 2024-10-17T16:07:31.056Z (22 days ago)
• Language: TypeScript
• Size: 79.1 KB
• Stars: 9
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
⚠️ If you're using Next.js 14 and want to do things with Server Actions, follow [here](https://dev.to/smakosh/how-to-upload-files-to-imagekit-using-nextjs-server-actions-53a)

# Imagekit example

- This example uses Imagekit for uploading images using Next API routes and displays the images using Next image

## What you do need to setup

1- Create an account on [Imagekit](https://imagekit.io) and grab your:

1. Private key

2. Public key

3. Endpoint url

4. Open `next.config.js` and place your path id on `path: "https://ik.imagekit.io//"`

2- Setup your env variables by running

```bash

Run cp .env.local.template .env.local

```