Strapi
Strapi
  • Видео 381
  • Просмотров 2 796 391
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.
Просмотров: 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

Комментарии

  • @IINoirII
    @IINoirII 18 часов назад

    Thanks for tutorial! I was able to re-create it in Pages router.

  • @MukutBrahma
    @MukutBrahma День назад

    Favorite!! Can't wait to see the new release.

  • @chesster423
    @chesster423 2 дня назад

    is there RTL support now?

  • @kevinvugts2747
    @kevinvugts2747 2 дня назад

    Cool!

  • @iftekharhossen7221
    @iftekharhossen7221 3 дня назад

    But admin panel is not responsive to mobile devices

  • @Alex1611AD
    @Alex1611AD 3 дня назад

    Bragging about TypeScript support in 2024 lol

  • @abduvohid23
    @abduvohid23 3 дня назад

    Olg`a

  • @yt-sh
    @yt-sh 3 дня назад

    version history and more type safety are good features!

  • @MrSonicastra
    @MrSonicastra 3 дня назад

    Sweet, lets go.

  • @damiansimonak7955
    @damiansimonak7955 3 дня назад

    We do not need populate ? 😃

  • @balkanroots
    @balkanroots 3 дня назад

    The hype is real, can't wait! We're finally getting an open-source CMS with full typescript support <3

  • @webbist
    @webbist 3 дня назад

    YEAH! Lets GOOOOOOOO!

  • @rifkiy330
    @rifkiy330 3 дня назад

    WOW COOL

  • @grzegorzsarzynski2417
    @grzegorzsarzynski2417 4 дня назад

    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

  • @Dannnersjb
    @Dannnersjb 4 дня назад

    are the roles and users supposed to be exported too? mine seems to forget who the data was created and updated by

  • @dreamhouseph
    @dreamhouseph 5 дней назад

    thanks for this. really benificial

  • @b_shulha
    @b_shulha 7 дней назад

    Too much echoes.

    • @Strapi
      @Strapi 6 дней назад

      Thank you for your feed back, will see what I can do to improve.

  • @ailton.duarte
    @ailton.duarte 8 дней назад

    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?

  • @razagr
    @razagr 10 дней назад

    shityyy system

  • @user-wb3zq5jc2v
    @user-wb3zq5jc2v 11 дней назад

    From Egypt All support keep up

  • @OP-ig1fj
    @OP-ig1fj 12 дней назад

    can we see the repo?

    • @Strapi
      @Strapi 6 дней назад

      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.

  • @PeriklesPeriklesoglu
    @PeriklesPeriklesoglu 12 дней назад

    thank you

  • @PeriklesPeriklesoglu
    @PeriklesPeriklesoglu 12 дней назад

    thank you

  • @PeriklesPeriklesoglu
    @PeriklesPeriklesoglu 12 дней назад

    thank you

  • @egv8055
    @egv8055 15 дней назад

    How to change the default language for new users? Without having to change the language themselves

  • @user-yh8vo6pp5p
    @user-yh8vo6pp5p 15 дней назад

    when creating a user account and you click save . what could cause instance of raw error ?

    • @Strapi
      @Strapi 6 дней назад

      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)

  • @Jjj73747
    @Jjj73747 19 дней назад

    And what if we want to select everything from the parent (without explicitly defining the fields)? And select some of our components?

    • @Strapi
      @Strapi 6 дней назад

      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

  • @JosefJezek
    @JosefJezek 21 день назад

    Thank you for video... How to show strapi errors in editor?

    • @Strapi
      @Strapi 6 дней назад

      I am not sure if I am understanding the question. Do you mean Strapi response errors when making a request?

  • @pambetkar
    @pambetkar 21 день назад

    Can we use wrap around text with strapi

  • @YusufSalahAdDin
    @YusufSalahAdDin 23 дня назад

    Isn't it unmaintained?

    • @Strapi
      @Strapi 6 дней назад

      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.

  • @YusufSalahAdDin
    @YusufSalahAdDin 23 дня назад

    I have declared a route for our plugin, but it is not listed in routes, why?

    • @Strapi
      @Strapi 6 дней назад

      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)

    • @YusufSalahAdDin
      @YusufSalahAdDin 6 дней назад

      @@Strapi one guy on discord helped me with that.

    • @Strapi
      @Strapi 6 дней назад

      @@YusufSalahAdDin nice. And yes, feel free to also stop by open office hours any time. We love when folks visit us on Discord.

  • @rickydawn4431
    @rickydawn4431 23 дня назад

    The image is coming through blank when using the flattened util, it works fine unflattened and using insomnia?

    • @rickydawn4431
      @rickydawn4431 23 дня назад

      Ignore this, I had updated some naming in Strapi and NextJS had cached the old fetch.

  • @StacyannFlanagan
    @StacyannFlanagan 25 дней назад

    1:01

  • @ayyan-ij3ru
    @ayyan-ij3ru 25 дней назад

    This code does not work in production (e.g vercel).It works fine on localhost but not in production.

    • @Strapi
      @Strapi 6 дней назад

      What exact issue were you running into. Is it around getting transcript from RUclips?

  • @dslinux6437
    @dslinux6437 27 дней назад

    Is that Github copilot that suggests code while you type? Really helpful video by the way.

    • @Strapi
      @Strapi 6 дней назад

      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.

  • @ahmadhasham6890
    @ahmadhasham6890 Месяц назад

    theres no option to insert images in rich text field. can somebody tell how its done ?

    • @Strapi
      @Strapi 6 дней назад

      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.

  • @alexdin1565
    @alexdin1565 Месяц назад

    the problem how we create blog post using this in server client component because making API endpoints in client === easy hacking

    • @Strapi
      @Strapi 6 дней назад

      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.

  • @zmeireles68
    @zmeireles68 Месяц назад

    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).

    • @Strapi
      @Strapi 6 дней назад

      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.

  • @arbijridi3112
    @arbijridi3112 Месяц назад

    2 years after and nothink happan and strapi still unresponsive !!!

    • @Strapi
      @Strapi 6 дней назад

      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.

    • @arbijridi3112
      @arbijridi3112 4 дня назад

      @@Strapi but it is not that hard to make it responsive

  • @borisbarzotto5785
    @borisbarzotto5785 Месяц назад

    this tutorial is gold 🔥

    • @Strapi
      @Strapi 6 дней назад

      You are awesome.

  • @borisbarzotto5785
    @borisbarzotto5785 Месяц назад

  • @itsOmSarraf
    @itsOmSarraf Месяц назад

    perfect on point

  • @abdulllahhh
    @abdulllahhh Месяц назад

    Hello strapi , i am getting error of failed authentication

    • @abdulllahhh
      @abdulllahhh Месяц назад

      Please help me

    • @Strapi
      @Strapi 6 дней назад

      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.

  • @VaheKhachaturian-hf5ji
    @VaheKhachaturian-hf5ji Месяц назад

    why are you lying to people?

  • @noobboiii007
    @noobboiii007 Месяц назад

    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

  • @StephenSynowsky
    @StephenSynowsky Месяц назад

    You labeled your last chapter "Confusion" instead of "Conclusion" 😆

  • @user-gq5cd3ns9k
    @user-gq5cd3ns9k Месяц назад

    will you please fetch the API inside in postman , because I am unable to fetch the image inside of repetable component

  • @tuyizerepacifique9151
    @tuyizerepacifique9151 Месяц назад

    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?

    • @Strapi
      @Strapi 6 дней назад

      Yes, unfortunately, open AI has moved everything to being a paid service.

  • @apex-lazer
    @apex-lazer Месяц назад

    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!

    • @Strapi
      @Strapi 6 дней назад

      Thank you. Yeah Strapi is awesome. Lol, I am not saying this because I now work here. I use it in all my projects.

  • @RohithAerva
    @RohithAerva Месяц назад

    => ERROR [ 4/10] COPY ./package.json ./yarn.lock ./ getting this error what shoud I do ?