A Webflowers Guide to Next.js

I thought it'd be fun to give you a taster on what it's like to start a nextjs project from scratch using modern tools.
VS Code Snippets: pastebin.com/0g2YZCYb
Brought to you by FlowSt8.dev - The unlimited Webflow Development Service
Get started with Webflow NOW! webflow.grsm.io/vju2g2zhpv53
-
Buy merch: flowst8.dev/store
Join the community: / 1737357986903753004
Support my content: buymeacoffee.com/fakesamgregory
Learn to become a Full Stack Agency: thefullstackagency.xyz/
Services I Love
Domain Names: namecheap.pxf.io/c/3510278/38...
Hosting: www.hostg.xyz/aff_c?offer_id=...
Online Storage ($200 credit): m.do.co/c/9beb563908a1
Online Storage ($100 credit): www.vultr.com/?ref=9381598-8H
-
Twitter: @0x5am5
-
--------------------------
⏰ Timestamps
--------------------------
00:00 - Intro
00:59 - Setting up
02:27 - Why Next?
04:20 - Writing code
04:48 - Components
08:00 - Roundup
My Gear (affiliate)
Sony A7 III: amzn.to/427iMbS
Sony 16-35mm: amzn.to/3Ehfvxi
VIJIM Video Light: amzn.to/3N0XdFp
Hollyland Mark M1: amzn.to/3MIZmUW
Macbook Pro M1 Pro: amzn.to/3oEVbS0
iPad Pro 2018: amzn.to/3AxJWNN
Magic Keyboard: amzn.to/421B26P
Travel Laptop Stand: amzn.to/3MDRx2Q
Logitech MX Vertical: amzn.to/3oCg1Bz
My Books
The Full Stack Agency: thefullstackagency.xyz/books/...
Lingo: Agile: thefullstackagency.gumroad.co...
Lingo: Startup: thefullstackagency.gumroad.co...
#nocode #Webflow #nextjs

[@webflowandcode]

Are you tempted to give Next a go?

[@qamar7]

I'm I have intermediate understanding of next.js building one app with it.

[@AbhineshAV]

same as what I am doing.. just expand ,.. tools should not be a barrier.

[@xatomdev]

Absolutely love the direction!

[@webflowandcode]

Appreciate it

[@rodrigosantos2082]

This is very interesting, as someone who is learning code to get the most out of webflow while using code, i was wondering if there was anyway of using APIs and other backend stuff to integrate inside webflow using Node.js, as i said i'm very amateur, so maybe this question doesn't make much sense, but i would like to find a more direct and cheaper way than Zapier to solve these types of integrations and i think you are the man to teach that 🧐

[@webflowandcode]

Next is perfect for this. You can make public API’s that in turn make calls to your database. Whether that be to write or read data.
its API functionality might be another quick taster vid to make for you

[@rodrigosantos2082]

@@webflowandcode I would love to learn more practical uses for this, i think including code into webflow allows for saving money on subscriptions like Zapier and such which is a great selling point for customers.
Feel free to build from this starter tutorial into more complex stuff i think it would be very useful, lastly, keep up the great content 🙏

[@NoCodeProCode]

After 1 year of doing Wized - I’m like “Why the heck am I still using Wized?” 😅

[@webflowandcode]

To me (as a developer) these sorts of bolt ons/libraries just make the process slower and unscalable. There are better tools for the job IMO

[@NoCodeProCode]

@@webflowandcode I have to agree 👍✨ Using someone’s “framework” limits you to their ideas ;-)

[@papercraneca]

Considering the topic, any recs on a headless CMS to put it all together?

[@Vrtel__]

Payload CMS or for simple projects Keystatic CMS

[@webflowandcode]

Not really. To me they are all one and the same. Prismic was nice and cheap. Contentful is the de facto but I don’t have any specific recommendations. Will build on this series with that in mind

[@waysearcher]

I have only recently started learning coding. while I'm solving level 8 puzzles on codewars, I have plans to learn React. and what kind of React components does Webflow give out? Can I work with them?

[@webflowandcode]

Look into DevLink - this is the next NextJs video I plan to make.

[@waysearcher]

@@webflowandcode I will be waiting, thank you