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