- Видео 381
- Просмотров 2 796 391
Strapi
США
Добавлен 5 окт 2017
Strapi is the leading open-source Headless CMS: 100% JavaScript, extensible, and fully customizable.
Strapi enables developers to build projects faster by providing a customizable API out of the box and giving them the freedom to use their favorite tools. Content teams use Strapi to autonomously manage all types of content and distribute it from one CMS to any channel be it websites, mobile apps, or connected devices.
Loved by developers and supported by a global community of members and partners, Strapi brings together an ecosystem of 150,000+ enthusiasts, 700+ contributors, and innovative companies like IBM, NASA, Walmart, eBay, Rakuten, and Toyota.
Strapi enables developers to build projects faster by providing a customizable API out of the box and giving them the freedom to use their favorite tools. Content teams use Strapi to autonomously manage all types of content and distribute it from one CMS to any channel be it websites, mobile apps, or connected devices.
Loved by developers and supported by a global community of members and partners, Strapi brings together an ecosystem of 150,000+ enthusiasts, 700+ contributors, and innovative companies like IBM, NASA, Walmart, eBay, Rakuten, and Toyota.
Strapi 5 is Coming Soon
Strapi 5 is on the way.
In this quick preview, check out the new Draft & Publish workflow, Content History, streamlined API format, Plugin CLI, Vite integration, and native TypeScript support.
Want to be the first to know when it's live? Sign up to get notified:
strapi.io/launch-week.
Stay tuned for more.
In this quick preview, check out the new Draft & Publish workflow, Content History, streamlined API format, Plugin CLI, Vite integration, and native TypeScript support.
Want to be the first to know when it's live? Sign up to get notified:
strapi.io/launch-week.
Stay tuned for more.
Просмотров: 4 604
Видео
Building Content-Driven Websites With Astro: Astro introduction and new collections API
Просмотров 1,8 тыс.Месяц назад
In this video, we explore building content-rich websites with Astro. Additional Astro Resources: strp.cc/3zHQrQS Whether you're developing marketing blogs, e-commerce sites, or personal portfolios, Astro offers the perfect blend of simplicity and flexibility to elevate your web development game. Learn from Ben Holmes, a senior web developer at Astro, as he shares his knowledge about Astro and i...
Astro Actions - Form Submission With Server Actions and Vanilla JS
Просмотров 7482 месяца назад
Let's take a look on how to set up astro actions with vanilla javascript and Strapi 5 RC. Astro & Strapi stream registration strp.cc/3zBvzLc Full tutorial walkthrough strp.cc/3WuO1hD Hello, you wonderful people! In this video, we're diving into Astro Actions with a practical example We'll start with a demo, then walk you through setting up and trying this project locally. For the full tutorial ...
How To Setup GitHub Auth Provider With Strapi and Next.js
Просмотров 9482 месяца назад
How To Setup GitHub Auth Provider With Strapi and Next.js Full tutorial is at strp.cc/3WbFDTK if you want to build the project from scratch. Otherwise, here is the repo: strp.cc/3XHTKBA In this video, we explore how to use social providers like GitHub to authenticate users in a Strapi and Next.js frontend application. Strapi 5 Release Candidate is out, so that is what we are going to use. We de...
Next JS And Mux Video Uploader Strapi Plugin Integration With Code Example
Просмотров 5612 месяца назад
Let's look at how to set up the MUX upload provider plugin in Strapi 4 and integrate it in our Next.js project. Read block post to learn more about MUX strp.cc/3RMOeK4 Hey everyone, in today's video, I will show you how to install the MUX Video Uploader plugin for Strapi as well as how to get started with your FREE MUX account. I'll also demonstrate how to manage your MUX videos within a Strapi...
Astro Crash Course Part 1: Project overview and introduction
Просмотров 1,3 тыс.2 месяца назад
🚀 Learn Astro with this Astro Crash course part 1. In this video we introduce you yo what we are going to build and get started. In this RUclips video, we will cover the basics of Astro, a popular frontend framework, and how to build an application using Astro and Strapi, an equally popular headless CMS. Our instructor, Thrash, who has over 25 years of experience in the IT industry, will guide ...
Astro Crash Course Part 3: Server Side Rendering
Просмотров 6442 месяца назад
🚀 Learn Astro with this Astro Crash course part 3. Building a Fast and Content-Driven Website with Astro and Strapi. Hello everyone! In this video, I'll show you how to create a fake database of products using JavaScript and Astro. We'll set up a new folder, create a db.js file, and add products like sunglasses and shoes. I'll also show you how to expose the product information as an API endpoi...
Astro Crash Course Part 4: Introduction to Strapi
Просмотров 7502 месяца назад
🚀 Learn Astro with this Astro Crash course part 4. Building a Fast and Content-Driven Website with Astro and Strapi. In this workshop tutorial, we explore Strapi, a leading open-source, fully customizable option, to learn about Headless CMS. We'll walk you through setting up a project, creating a content type for blog posts, and using dynamic zones to build a dynamic landing page. We also cover...
Astro Crash Course Part 5: Building the main project
Просмотров 5662 месяца назад
🚀 Learn Astro with this Astro Crash course part 5. Building a Fast and Content-Driven Website with Astro and Strapi. In this workshop, we built an Astro UI to consume data from our Strapi CMS. We created a new Astro command and set up a basic empty Astro project. We made a public folder with a Styles folder and added our styles.css file with our primary color scheme. We also created a sources f...
Astro Crash Course Part 2: Astro 101 introduction to the basics
Просмотров 9032 месяца назад
🚀 Learn Astro with this Astro Crash course part 2. Building a Fast and Content-Driven Website with Astro and Strapi. Hey everyone, welcome to my channel! In today's video, we will look at Astro, an all-in-one web framework designed for speed and content-driven websites. I'll walk you through the basics of setting up an Astro project, including running the necessary commands, selecting a templat...
Astro Crash Course Part 6: Final steps and wrap up
Просмотров 3102 месяца назад
🚀 Learn Astro with this Astro Crash course part 6. Building a Fast and Content-Driven Website with Astro and Strapi. Hey everyone, welcome back to my channel! In today's video, we will tackle a common issue with pagination, which needs to be updated when new articles are added to a website using Astro Root's pre-rendering feature. We'll delete the page. asro file and start from scratch with ser...
How To Deploy Your Next.js Project To Vercel - Part 10 Epic Next.js Tutorial for Beginners
Просмотров 1,7 тыс.4 месяца назад
🚀 How to deploy your Next.js project to Vercel. Checkout the post for code snippets here strp.cc/4bAcDdw This video covers the final part of our Next.js tutorial with Strapi, where we deploy our frontend project to Vercel. Don't forget to check the complimentary blog post linked above for all the code snippets you'll need. Whether you're just catching up or have been with us from the start, thi...
How To Implement Pagination In Next.js - Part 8.2 Epic Next.js Tutorial for Beginners
Просмотров 1,7 тыс.4 месяца назад
🚀 How to implement pagination in Next.js application. Checkout the post for code snippets here strp.cc/3UDCgEt In this React tutorial, we will learn how to implement pagination inside your Next.js application. Today we will be focusing on how implementing pagination for our Summarize AI app using Next.js. We will build our Pagination Component and then implement the backend logic. Topics Covere...
How To Deploy Your Strapi Project To Strapi Cloud - Part 9 Epic Next.js Tutorial for Beginners
Просмотров 8934 месяца назад
🚀 How to deploy your project to Strapi Cloud. Checkout the post for code snippets here strp.cc/4bp5nAX In this video, we cover the final part of our Next.js tutorial with Strapi, where we deploy our project's backend to Strapi Cloud. In part two of the video, we will deploy our front end to Vercel. We will also demonstrate how to seed your deployed Strapi project in Strapi Cloud with initial da...
How To Implement Search In Next.js - Part 8.1 Epic Next.js Tutorial for Beginners
Просмотров 1 тыс.4 месяца назад
How To Implement Search In Next.js - Part 8.1 Epic Next.js Tutorial for Beginners
Protecting User Information With Strapi Middleware- Part 7.3 Epic Next.js Tutorial for Beginners
Просмотров 1 тыс.4 месяца назад
Protecting User Information With Strapi Middleware- Part 7.3 Epic Next.js Tutorial for Beginners
Implementing User-Specific Data Access in Strapi - Part 7.2 Epic Next.js Tutorial for Beginners
Просмотров 8654 месяца назад
Implementing User-Specific Data Access in Strapi - Part 7.2 Epic Next.js Tutorial for Beginners
Implementing Summaries Update and Delete in Next.js - Part 7.1 Epic Next.js Tutorial for Beginners
Просмотров 5964 месяца назад
Implementing Summaries Update and Delete in Next.js - Part 7.1 Epic Next.js Tutorial for Beginners
Structuring and Displaying Our Summary Data - Part 6.4 Epic Next.js Tutorial for Beginners
Просмотров 8864 месяца назад
Structuring and Displaying Our Summary Data - Part 6.4 Epic Next.js Tutorial for Beginners
Using OpenAI To Generate YouTube Summary - Part 6.3 Epic Next.js Tutorial for Beginners
Просмотров 8034 месяца назад
Using OpenAI To Generate RUclips Summary - Part 6.3 Epic Next.js Tutorial for Beginners
Generating YouTube Transcript via API Route Handlers - Part 6.2 Epic Next.js Tutorial for Beginners
Просмотров 7704 месяца назад
Generating RUclips Transcript via API Route Handlers - Part 6.2 Epic Next.js Tutorial for Beginners
Form Submission via API Route Handlers - Part 6.1 Epic Next.js Tutorial for Beginners
Просмотров 1,1 тыс.4 месяца назад
Form Submission via API Route Handlers - Part 6.1 Epic Next.js Tutorial for Beginners
Strapi Community Call April 2024: Strapi updates and Strapi 5 beta
Просмотров 4195 месяцев назад
Strapi Community Call April 2024: Strapi updates and Strapi 5 beta
File Upload Using Server Actions in Next.js - Part 5.3 Epic Next.js Tutorial for Beginners
Просмотров 2 тыс.5 месяцев назад
File Upload Using Server Actions in Next.js - Part 5.3 Epic Next.js Tutorial for Beginners
Update User Profile with Next.js and Server Actions - Part 5.2 Epic Next.js Tutorial for Beginners
Просмотров 1,7 тыс.5 месяцев назад
Update User Profile with Next.js and Server Actions - Part 5.2 Epic Next.js Tutorial for Beginners
Building Our Dashboard with Next.js - Part 5.1 Epic Next.js Tutorial for Beginners
Просмотров 1,4 тыс.5 месяцев назад
Building Our Dashboard with Next.js - Part 5.1 Epic Next.js Tutorial for Beginners
Protected Routes via Next.js Middleware - Part 4.5 Epic Next.js Tutorial for Beginners
Просмотров 2,1 тыс.5 месяцев назад
Protected Routes via Next.js Middleware - Part 4.5 Epic Next.js Tutorial for Beginners
Next.js App Router Authentication ( Cookies, JWTs)- Part 4.4 Epic Next.js Tutorial for Beginners
Просмотров 3 тыс.5 месяцев назад
Next.js App Router Authentication ( Cookies, JWTs)- Part 4.4 Epic Next.js Tutorial for Beginners
Form Validation With Zod in Next.js - Part 4.3 Epic Next.js Tutorial for Beginners
Просмотров 2,9 тыс.5 месяцев назад
Form Validation With Zod in Next.js - Part 4.3 Epic Next.js Tutorial for Beginners
Form Submission With Server Actions in Next.js - Part 4.2 Epic Next.js Tutorial for Beginners
Просмотров 3,1 тыс.5 месяцев назад
Form Submission With Server Actions in Next.js - Part 4.2 Epic Next.js Tutorial for Beginners
Thanks for tutorial! I was able to re-create it in Pages router.
Favorite!! Can't wait to see the new release.
is there RTL support now?
Cool!
But admin panel is not responsive to mobile devices
Bragging about TypeScript support in 2024 lol
Olg`a
version history and more type safety are good features!
Sweet, lets go.
We do not need populate ? 😃
The hype is real, can't wait! We're finally getting an open-source CMS with full typescript support <3
YEAH! Lets GOOOOOOOO!
WOW COOL
It's working in Strapi 4, but the url in API is: '/api/users-permissions/user/me' not '/api/user/me', at least in my case. I don't have any TS issues
are the roles and users supposed to be exported too? mine seems to forget who the data was created and updated by
thanks for this. really benificial
Too much echoes.
Thank you for your feed back, will see what I can do to improve.
how to call it on the api, i did this localhost:1337/api/posts?_locale=pt_PT&&populate=deep but i get ingles only, is samething related to how media is called in strapi api?
shityyy system
From Egypt All support keep up
can we see the repo?
Do you have any particular questions around customization? You can ask here or you can join us on Discord for open office hours Mon - Friday. Morning Session: Join us at 4 AM CST (9:00 AM GMT) Rich is the one that is typically there Afternoon Session: 12:30 PM CST (6:30 PM GMT) and this is where Derrick and I hang out to answer questions.
thank you
thank you
thank you
How to change the default language for new users? Without having to change the language themselves
when creating a user account and you click save . what could cause instance of raw error ?
Do you have the output for the exact error you are running into. You can also join us at open office hours on Strapi's Discord and ask your question and share your screen. May be easier way to help you. Morning Session: 4 AM CST (9:00 AM GMT) Afternoon Session: 2:30 PM CST (6:30 PM GMT)
And what if we want to select everything from the parent (without explicitly defining the fields)? And select some of our components?
You can use populate=* but it will only return all items one level deep. The reason why we do this, is to keep performance in mind, to prevent over-fetching. So that is why even if you want to populate all items, you would still need to use populate to request deeply nested items. You can read more in this post I wrote based on this talk that explains and covers everything you need. strapi.io/blog/demystifying-strapi-s-populate-and-filtering
Thank you for video... How to show strapi errors in editor?
I am not sure if I am understanding the question. Do you mean Strapi response errors when making a request?
Can we use wrap around text with strapi
Isn't it unmaintained?
That is the pros and cons of open source community build plugins, it is up to the maintainer to make and update. With that being said, we are working on a way to update this process so we can archive or and a call out for plugins that have not been maintained or updated.
I have declared a route for our plugin, but it is not listed in routes, why?
Do you have an example. Did you know we answer question live on Discord. Stop on by and show us your code. Morning Session: 4 AM CST (9:00 AM GMT) Afternoon Session: 12:30 PM CST (6:30 PM GMT)
@@Strapi one guy on discord helped me with that.
@@YusufSalahAdDin nice. And yes, feel free to also stop by open office hours any time. We love when folks visit us on Discord.
The image is coming through blank when using the flattened util, it works fine unflattened and using insomnia?
Ignore this, I had updated some naming in Strapi and NextJS had cached the old fetch.
1:01
This code does not work in production (e.g vercel).It works fine on localhost but not in production.
What exact issue were you running into. Is it around getting transcript from RUclips?
Is that Github copilot that suggests code while you type? Really helpful video by the way.
Yeah, I typically use copilot but it is hit or miss, I just recently switched to curson and it has better understanding of my existing code and able to provide better recommendations and auto complete.
theres no option to insert images in rich text field. can somebody tell how its done ?
At the current moment it is something that is not supported. The Rich Text Editor was mainly designed to represent text. So you would need to an image to your collection type seperately. With that being said, we heard more request around adding an image block, and internally discussing if we should open up the API to allow users create their own custom Rich Text Blocks.
the problem how we create blog post using this in server client component because making API endpoints in client === easy hacking
Are you referring to being able to create your blog entry from your Next.js frontend? You would have to implement your own version of the editor that returns your text structure in appropriate format that you can send using server actions in next.
Very nice. Using a dockerized version. Not in production yet, but so far so good. Noticed the react library is now a different one (meilisearch-react).
Thanks for your feedback. This is one of our older videos and thinks have changed a bit. We will need to create an updated topic around this resources.
2 years after and nothink happan and strapi still unresponsive !!!
Yes, this is something that we are working towards. One of the challenges is to prioritize what we work on based on the user use case. At the moment most of the users use Strapi on their desktop. With that being said. We are slowly making changes to our Design System to continue to make the move forward in that direction.
@@Strapi but it is not that hard to make it responsive
this tutorial is gold 🔥
You are awesome.
perfect on point
Hello strapi , i am getting error of failed authentication
Please help me
To better help you, if you are using Cloud, you can click the get help button and create a ticket. Or did you know we have daily open office hours Mon - Fri on Discord. Morning Session: 4 AM CST (9:00 AM GMT) Afternoon Session: 12:30 PM CST (6:30 PM GMT) You can stop on by and ask your question and share your screen and ask your question live.
why are you lying to people?
when I add BlocksRendere tag and run the project then I got below error ./node_modules/@strapi/blocks-react-renderer/dist/BlocksRenderer.mjs/proxy.js Specified module format (CommonJs) is not matching the module format of the source code (EcmaScript Modules) can someone help me out
You labeled your last chapter "Confusion" instead of "Conclusion" 😆
will you please fetch the API inside in postman , because I am unable to fetch the image inside of repetable component
I am having issues with openai, I can not get the summary. Here is what I am getting after the API_KEY {"error":"404 The model `gpt-4-turbo-preview` does not exist or you do not have access to it."} Have you paid for the model or it is free?
Yes, unfortunately, open AI has moved everything to being a paid service.
What a great presentation! I was using node and express and mongo and then moved on to firebase. Paul you’re doing a great job! 👏 this looks insane and I’ve heard about it a lot. Especially from more experienced developers. This is the turning point. Get more time!
Thank you. Yeah Strapi is awesome. Lol, I am not saying this because I now work here. I use it in all my projects.
=> ERROR [ 4/10] COPY ./package.json ./yarn.lock ./ getting this error what shoud I do ?