File tree Expand file tree Collapse file tree 2 files changed +97
-0
lines changed Expand file tree Collapse file tree 2 files changed +97
-0
lines changed Original file line number Diff line number Diff line change
1
+ ---
2
+ title : Cloudinary Laravel
3
+ description : Laravel SDK for Cloudinary.
4
+ template : splash
5
+ hero :
6
+ tagline : " Null"
7
+ head :
8
+ - tag : title
9
+ content : Cloudinary Laravel - The Image & Video API for Laravel
10
+ ---
11
+
12
+ import { CldImage } from " astro-cloudinary" ;
13
+
14
+ import ImageGrid from " @components/ImageGrid.astro" ;
15
+ import Button from " @components/Button.astro" ;
16
+
17
+ <div class = " not-content text-center max-w-xl mx-auto mt-14 mb-20 md:mt-36 md:mb-44" >
18
+ <h1 class = " text-4xl sm:text-5xl md:text-6xl font-bold" >Cloudinary Laravel</h1 >
19
+
20
+ { " " }
21
+ <p class = " text-xl mt-8" >
22
+ High-performance image and video delivery and uploading at scale in Laravel
23
+ powered by Cloudinary.
24
+ </p >
25
+
26
+ <p class = " flex items-center justify-center gap-6 mt-8 px-2" >
27
+
28
+ <picture >
29
+ <source media = " (prefers-color-scheme: dark)" srcset = " https://user-images.githubusercontent.com/62209650/196528621-b68e9e10-7e55-4c7d-9177-904cadbb4296.png" align = " center" height = " 50" />
30
+ <source media = " (prefers-color-scheme: light)" srcset = " https://user-images.githubusercontent.com/62209650/196528761-a815025a-271a-4d8e-ac7e-cea833728bf9.png" align = " center" height = " 50" />
31
+ <img alt = " Cloudinary" src = " https://user-images.githubusercontent.com/62209650/196528761-a815025a-271a-4d8e-ac7e-cea833728bf9.png" align = " center" height = " 50" />
32
+ </picture >
33
+
34
+ <picture >
35
+ <source media = " (prefers-color-scheme: dark)" srcset = " https://user-images.githubusercontent.com/1045274/200928533-47539867-07ff-406e-aa8b-25c594652dc8.png" align = " center" height = " 50" />
36
+ <source media = " (prefers-color-scheme: light)" srcset = " https://user-images.githubusercontent.com/1045274/200928533-47539867-07ff-406e-aa8b-25c594652dc8.png" align = " center" height = " 50" />
37
+ <img alt = " Laravel" src = " https://user-images.githubusercontent.com/1045274/200928533-47539867-07ff-406e-aa8b-25c594652dc8.png" align = " center" height = " 50" />
38
+ </picture >
39
+
40
+ </p >
41
+ <p class = " mt-10" >
42
+ <Button href = " /installation" >Get Started</Button >
43
+ </p >
44
+ </div >
Original file line number Diff line number Diff line change
1
+ ---
2
+ title : Installing Cloudinary Laravel
3
+ description : Getting started with Cloudinary Laravel.
4
+ ogImageTitle : Installation
5
+ head :
6
+ - tag : title
7
+ content : Installation - Cloudinary Laravel
8
+ ---
9
+ import { Tabs , TabItem , Steps } from ' @astrojs/starlight/components' ;
10
+ import CodeBlock from ' @components/CodeBlock.astro' ;
11
+
12
+ ## Getting Started
13
+
14
+ <Steps >
15
+ <ol class = " !mt-10" >
16
+ <li >
17
+ ### Installation
18
+
19
+ Requires PHP 8.2+ and Laravel 11+.
20
+
21
+ <CodeBlock alwaysExpanded >
22
+ ```
23
+ composer require cloudinary-labs/cloudinary-laravel
24
+ ```
25
+ </CodeBlock >
26
+ </li >
27
+ <li >
28
+ ### Configuration
29
+
30
+ After you have installed the SDK, you can invoke the install command to set everything up:
31
+
32
+ <CodeBlock alwaysExpanded >
33
+ ```
34
+ php artisan cloudinary:install
35
+ ```
36
+ </CodeBlock >
37
+
38
+ Add your Cloudinary credentials to your .env file:
39
+
40
+ <CodeBlock alwaysExpanded >
41
+ ```
42
+ CLOUDINARY_URL=cloudinary://API_KEY:API_SECRET@CLOUD_NAME
43
+ CLOUDINARY_UPLOAD_PRESET=your_upload_preset
44
+ CLOUDINARY_NOTIFICATION_URL=
45
+ ```
46
+ </CodeBlock >
47
+ </li >
48
+ </ol >
49
+ </Steps >
50
+
51
+ :::tip
52
+ Don't have a Cloudinary account? <a href = " https://cloudinary.com/users/register_free?utm_campaign=devx_laravelcloudinary&utm_medium=referral&utm_source=laravelcloudinary" >Sign up for free</a > on cloudinary.com!
53
+ :::
You can’t perform that action at this time.
0 commit comments