Тёмный

Build a Fullstack App With Strapi and Next.js | 1-Hour Tech Talk | DigitalOcean 

DigitalOcean
Подписаться 56 тыс.
Просмотров 127 тыс.
50% 1

Опубликовано:

 

14 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 106   
@artpineda9642
@artpineda9642 3 года назад
"That big ass array....." @ about 29 minutes was my favorite portion / quote of this demo :)
@mrluismartinezzz
@mrluismartinezzz 2 года назад
"that big s array"
@KeelanJon
@KeelanJon Год назад
I love that Digital Ocean provides the ability to host your frontend, backend and db all in one place. Coming from a WordPress background I'm loving the JAM stack way of building websites, although hosting a backend and db required too much additional work until now. Thanks for the video :)
@ArisAlamanos
@ArisAlamanos 3 года назад
I can't believe how easy that was. Thank you so much for posting this video!
@danhu4465
@danhu4465 2 года назад
In case someone might be looking for the answer, relational fields (like the field `User` in this example) are not populated in the API by default with the latest version of Strapi for performance considerations. Thus, you may not be seeing it in the JSON. Add this URL parameter "?populate=User" to the end of the URL to populate it.
@LightsaberPanda
@LightsaberPanda 3 года назад
Miss the Chris on Code live streams and the good ol' days of meetups at Innevation! Glad to see you still doing your thing Chris!
@chrissev3302
@chrissev3302 3 года назад
hey! good to see you here. we'll do the local meetups again someday!
@codespectre
@codespectre 3 года назад
Man Strapi really is such a useful tool. We use it on some work projects and it works great
@Flag_Ship-gl7pi
@Flag_Ship-gl7pi 6 месяцев назад
hello from Bangladesh 🥰
@CodingNuggets
@CodingNuggets 3 года назад
Geez Chris. Digital Ocean making you work. Appreciate these streams and your videos. See you soon!
@Jeroen_W
@Jeroen_W 3 года назад
Awesome demonstration, thank you so much! Greetings from the Netherlands.
@MehdiShahamirian
@MehdiShahamirian 2 года назад
I enjoyed watching this talk (at the current moment for the 2nd time), wanted to say thanks to Chris and DigitalOcean. 🥰🌹
@MehdiShahamirian
@MehdiShahamirian 2 года назад
Also would appreciate anyone who can tell me how I can do streaming like this, with a background and desktop screen with webcam. 🤗
@joematkin3540
@joematkin3540 2 года назад
@@MehdiShahamirian obs
@MehdiShahamirian
@MehdiShahamirian 2 года назад
@@joematkin3540 Thanks Joe
@georgesngandeu9115
@georgesngandeu9115 2 года назад
This technology is dope, thank you
@erickgeneric
@erickgeneric 3 года назад
THIS IS SICK. Can't wait to try it out
@theprimecoder4981
@theprimecoder4981 2 года назад
Thanks for this video,bi learned a lot from it....I feel motivated now to continue learning Nextjs
@Cannybal
@Cannybal 3 года назад
I would love to see this working in multilingual
@fitzy-mar540
@fitzy-mar540 3 года назад
Hii! Greetings from Peru 🥳
@deo_joe
@deo_joe 3 года назад
Great tutorial. Thank you for sharing
@rafaelortet
@rafaelortet 2 года назад
Wonderful tect talk👍
@quotes.destination
@quotes.destination 3 года назад
Can you please post a tutorial on we can setup straip and next js in a droplet??
@outthereactive939
@outthereactive939 3 года назад
Great video and learnt lots. My only prob is I tried to deploy at the end and got errors - would have really appreciated more coverage on how to do that (and especially how to include a database that wasn't the sqlite) - deployment for me is the number 1 prob with strapi applications. Would it be possible to put together a video on how this could be deployed in different ways (eg: Apps, then using Docker etc on Digital Ocean?)
@DigitalOcean
@DigitalOcean 3 года назад
Hey There! Thanks for the comment. We chatted about your issues and are going to try to looking into creating video(s) to address deploy errors. Keep a look out!
@outthereactive939
@outthereactive939 3 года назад
@@DigitalOcean Wow - Huge thanks and really appreciated. Chris' video was amazing and thanks so much for it and I really did learn a huge amount, and know it was just a bit of having to keep the presentation to an hour etc. I'd never done NextJS before (only some React) and so that's been a great introduction and Strapi is amazing on so many levels. Just being able to fully deploy it together is the thing I'm missing so this is really welcomed and looking forwards to seeing any future videos from you.
@alejomakevids
@alejomakevids Год назад
this is so sweet even for 2023. But the thing is Strapi has aonther new schema for its api response, everything is surrounded by data data data. have to destructure the same prop over and over lmao. Maybe touching the files in the strapi project can improve this.
@jeremiasfernandez220
@jeremiasfernandez220 2 года назад
Hi! Is it better to setup an API using Strapi or to develop your own taking advantage of Next JS api routes. Which approach do you recommend to use in which context?
@LiuDavid-hf6cr
@LiuDavid-hf6cr Год назад
strapi
@zakur0hako
@zakur0hako 2 года назад
i'm a newbie and i don't understand why Strapi 4 had to make json responses so much more crowded. This older version looks much more intuitive
@Troy-ol5fk
@Troy-ol5fk 3 года назад
I would love to see a webinar on Strapi custom controllers
@AustinShelby
@AustinShelby 3 года назад
Great video, I'm building something very similar currently. Interested to know how you would integrate authentication into this.
@codelightsparkles2403
@codelightsparkles2403 3 года назад
Have a look at firebase
@barasanasenya257
@barasanasenya257 3 года назад
Good work Chris
@kurumichan3735
@kurumichan3735 3 года назад
can u tell me, how I can data fetch a menu (single type) from strapi ? :) great videos! keep it up! :)
@murlipillamari
@murlipillamari 2 года назад
which extension you have used for auto formatter ?
@walkingowl6810
@walkingowl6810 3 года назад
Great teacher. thx a lot!
@johnometalman
@johnometalman 3 года назад
Hi from Quito - Ecuador
@samuelkiroko8393
@samuelkiroko8393 3 года назад
Super nice tutorial, can you share the link to the picker extension that you are using.
@DigitalOcean
@DigitalOcean 3 года назад
Hi Sam! Here's the extension Chris used: sipapp.io/
@HurikaneTv
@HurikaneTv 3 года назад
Chris I support this channel because of you, I wish you were still just with scotch but I guess you had to earn more... Anyways Digital ocean is still trash ... blocking accounts with no reason ... Thanks chris for the good work
@ivandjordevic696
@ivandjordevic696 3 года назад
Thank you , thank you, thank you!!! You have a beer form me if you visit Serbia, or 10 beers :D
@jabiribrahim2.o968
@jabiribrahim2.o968 3 года назад
Machane pwoli
@user-dg8ys
@user-dg8ys 2 года назад
map function is not working. I receive the error : TypeError: posts.map is not a function
@ranzorethor5295
@ranzorethor5295 2 года назад
I'm having an issue with getting the user data after creating the relation data point. I'm assuming it's because of updates to Strapi since this tutorial was created, but has anyone tried/succeeded in getting the user data set to come through when pulling the blog data.
@hernanmartinez9221
@hernanmartinez9221 3 года назад
Hi, I would like to know, it is possible to see the server performance?
@neerajsinghtangariya2587
@neerajsinghtangariya2587 3 года назад
is there a video related to Gatsby as well?
@DigitalOcean
@DigitalOcean 3 года назад
Hey Neeraj! If you go to our RU-vid homepage and search the channel we have a couple videos related to Gatsby.
@dladendorf
@dladendorf 2 года назад
Hey Chris, can you do publish a next.js app with dynamic routing on App Platform? I can't get the app to do the dynamic routes properly on App Platform.
@DigitalOcean
@DigitalOcean 2 года назад
Do the pages 404? Are you showing any errors in the App Platform dashboard during the build?
@alikarimi5212
@alikarimi5212 2 года назад
stuck with v4 can't fetch the data cause their documentation not updated yet. its so confusing
@reidliberato8917
@reidliberato8917 2 года назад
im using strapi v4. How can i display my JSON content in a more readable form like you have here? Mine is all a continuous string with no line breaks
@DigitalOcean
@DigitalOcean 2 года назад
Hi Reid, Chris uses a Chrome extension to format it nicely chrome.google.com/webstore/detail/json-formatter/bcjindcccaagfpapjjmafapmmgkkhgoa?hl=en
@sevenseven6123
@sevenseven6123 3 года назад
at 31:25 he adds a new post via strapi. He currently fetches the data in the frontend with NextJs getStaticProps, which is done at built time. So why on earth is the new post displayed here on reloading the page? wouldn't he have to re-build the entire app? I feel like I am misunderstanding a key piece here
@HelmutGranda
@HelmutGranda 3 года назад
When the author hits refresh the server will fetch data from localhost / posts and process the information before rendering the page. " rebuilding the entire app".
@sevenseven6123
@sevenseven6123 2 года назад
In case anyone stumbles upon this, from the docs: "In development (next dev), getStaticProps will be called on every request."
@DrNio-sh5mx
@DrNio-sh5mx 3 года назад
Hi, i love this
@moose43h
@moose43h 3 года назад
If getstaticprops runs before the page loads how fallback will check if the page exists? Shouldn’t the page already exists
@DigitalOcean
@DigitalOcean 3 года назад
Yes it should. But let's say you added a new piece of content/page inside your CMS. Then Next.js wouldn't know about it yet. When it goes to find it, it will 404 and then it will fallback and say "let me go see if its new content"
@julianriise5618
@julianriise5618 2 года назад
Dear RU-vidr, I love your style but please show the finished project in the beginning, this could be done when editing before posting the stream. Thanks!
@mdridoy-ef2pw
@mdridoy-ef2pw 2 года назад
Is there a way to deploy both the frontend and backend in the same port?
@DigitalOcean
@DigitalOcean 2 года назад
Chris says, "I don't believe so. Each has to listen on its own."
@DevBishwasBh
@DevBishwasBh 2 года назад
Thanks but please do NextAuth with Django Rest Framework, with email and password. Also, adding OAuth on the same tutorial will be great. I am desperetely waiting for your response.
@BabanSimar
@BabanSimar 3 года назад
Well, cost could by reduced by deploying under same server. I don’t know why cost is not optimised, a single server could do work for 5$ even DB could be deployed, backend, FE all.
@michael_gaio
@michael_gaio 2 года назад
getting error: TypeError: map() is not a function in React
@yusufgungor
@yusufgungor 2 года назад
I am also getting the same error
@BGNGAMES
@BGNGAMES 2 года назад
So freaking cool! Loving this run-through but alas...I'm also getting TypeError: coverages.map is not a function (I named my post type coverage instead of post).
@ranzorethor5295
@ranzorethor5295 2 года назад
This is likeyl because the API has changed and you'll have to map based on the new api response from Strapi.
@candrakirana8466
@candrakirana8466 2 года назад
hey chris, can't find add component to attach my nextjs component, they remove this feature ?
@DigitalOcean
@DigitalOcean 2 года назад
Hey There! It still exists. It's moved under Actions -> Create Resources
@policeislam2846
@policeislam2846 Год назад
Hello how to make email verification after user register in strapi
@rafaelventura9819
@rafaelventura9819 2 года назад
👍👍👍👍
@centereddev
@centereddev 2 года назад
Has anyone implemented a preview button in Strapi that works with NextJS preview mode?
@ayoolafakoya9841
@ayoolafakoya9841 3 года назад
Hi from Nigeria
@muhammetselimferah2024
@muhammetselimferah2024 Год назад
This is outdated has to add some updates. For who is couldn't see the relations there is two way; 1- You can use post?populate=* and don't forget to give permission(find, findOne) to the relation. 2- Install Populate-deep extension to see all nested levels.
@tolaade
@tolaade 3 года назад
Hello. Adetola from Nigeria.
@batboy143
@batboy143 2 года назад
what version of strapi is used in this?
@DigitalOcean
@DigitalOcean 2 года назад
Hi laindeveraj, this was recorded on v3 but we have this one on v4 ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-hSEZJqacL0c.html
@idkcoder
@idkcoder 3 года назад
I dont know why but it shows me an error when i build the strapi side of the things what should i do?
@cardbored_
@cardbored_ 3 года назад
Because Strapi is shit that's why.
@tdmobile1278
@tdmobile1278 3 года назад
What Code Editor is he using?
@DigitalOcean
@DigitalOcean 3 года назад
Hey! Chris is using VS Code
@b.g.gamers376
@b.g.gamers376 2 года назад
Any buddy help User is not showing in json data
@DigitalOcean
@DigitalOcean 2 года назад
You'll need to include any relationships in a "populate" field now docs.strapi.io/developer-docs/latest/developer-resources/database-apis-reference/rest/populating-fields.html#population
@izinkondlo7798
@izinkondlo7798 3 года назад
Django is still the king on stuff like this, but Strapi is also not bad
@kevinreich8032
@kevinreich8032 2 года назад
weird comparison
@aleemmutyaba2861
@aleemmutyaba2861 3 года назад
Is Strapi free to use?
@DigitalOcean
@DigitalOcean 3 года назад
Hey Aleem! Strapi is open source and free to use. You only need to find a place to deploy it like DigitalOcean. strapi.io/pricing-self-hosted
@nshfnoh
@nshfnoh 3 года назад
Malaysia!
@chrissev3302
@chrissev3302 3 года назад
Welcome!
@cardbored_
@cardbored_ 3 года назад
My god what a nightmare trying to work with Strapi. Even following this video to the T doing something simple as creating a content type is impossible. I added the fields and created the content type and it just re-directed me to "Users" and never actually created the content type. Didn't throw an error, nothing. So I try to create it again thinking something went wrong, then Strapi decides to restart. Now I get errors in the terminal indicating that a content type name of "Post" is duplicated, no instructions on how to fix or where to even begin. This is NOT a friendly bootstrapper by any means. I was able to setup and configure contentful in Minutes, this not so much.
@MGopinath7
@MGopinath7 2 года назад
52:20 user has many comments but you wrongly selected
@marciolobo6538
@marciolobo6538 2 года назад
TypeError: posts.map is not a function
@joematkin3540
@joematkin3540 2 года назад
Same
@joematkin3540
@joematkin3540 2 года назад
if you still need help let me know
@yusufgungor
@yusufgungor 2 года назад
tyr; {posts && posts.data.map((post) => ( {post.attributes.Title} ))}
2 года назад
@@joematkin3540 i could need help here, got the same error
@joematkin3540
@joematkin3540 2 года назад
@ I can't remember the solution, but if you get this error It may be because the data your trying to map is not an array.
@techintime3786
@techintime3786 3 года назад
try not to talk too much with chat, needed tutorial not who chat on bro,
@jss_developer1432
@jss_developer1432 Год назад
Still looking for a tutorial on how to do it on the same server like a VPS . With pm2 . Because docker was so difficult to learn and I have 1.5weeks to deliver the project and got to figure out how to deploy it 🫢😬🤣
Далее
Vite Crash Course | Faster Alternative To CRA
16:24
Просмотров 206 тыс.
The Big Headless CMS Lie (James Mikrut)
18:14
Просмотров 63 тыс.
WHICH SODA CAN FLY THE HIGHEST?
00:48
Просмотров 8 млн
КТО БОИТСЯ КЛОУНОВ?? #shorts
00:20
Просмотров 488 тыс.
Strapi.js Crash Course | Headless CMS
25:06
Просмотров 365 тыс.
Everything Starts with a Note-taking System
21:23
Просмотров 256 тыс.
Self-Hosting Next.js
45:13
Просмотров 38 тыс.
Why aren't you using Fastify? Or Koa? Or NestJS?
9:58
What Is The Jamstack?
13:35
Просмотров 63 тыс.
Using Strapi With Supabase Deployed To Render
17:32
Просмотров 7 тыс.
Deploy Strapi on Digital Ocean Full Guide
39:50
Просмотров 8 тыс.
WHICH SODA CAN FLY THE HIGHEST?
00:48
Просмотров 8 млн