- 9
- 31 382
Bridger Tower
United States
Приєднався 21 тра 2013
Next.js, Typescript, Design Engineering, headless CMS's, and more!
NEXT.js 14 meets Headless Wordpress: The Perfect Combo for SEO and SPEED ⚡︎ Guillermo Approved!
13:50
Lofi and Code with Me :: Building a Hero Component :: Next JS 14 / Tailwind / Typescript :: 006
19:18
⚡ Build Next.js Landing Pages in Under 10 Minutes 🛠️ Open Source Component Library for Landing Pages
Thanks for watching! Subscribe for more Design Engineering content 🖥️
Library URL: components.bridger.to
Github URL: github.com/brijr/components
Starter URL: wp.9d8.dev/
brijr/craft: bridger.to/craft
Craft UA-cam Video: ua-cam.com/video/YKkGNZK8En8/v-deo.html
---
Follow me on X: x.com/bridgertower
Follow me on Github: github.com/brijr
Library URL: components.bridger.to
Github URL: github.com/brijr/components
Starter URL: wp.9d8.dev/
brijr/craft: bridger.to/craft
Craft UA-cam Video: ua-cam.com/video/YKkGNZK8En8/v-deo.html
---
Follow me on X: x.com/bridgertower
Follow me on Github: github.com/brijr
Переглядів: 779
Відео
Building a Design System with shadcn/ui and Next.js 🎨 Automatic Styling and Spacing
Переглядів 3,1 тис.5 місяців тому
Thanks for watching! Subscribe for more Design Engineering related content 🖥️ * Craft Github URL: github.com/brijr/craft brijr/components: components.bridger.to brijr/mdx-starter: mdx.bridger.to/ brijr/starter: starter.bridger.to/ Tailwind Typography: github.com/tailwindlabs/tailwindcss-typography shadcn/ui: ui.shadcn.com/ Follow me on X: x.com/bridgertower
NEXT.js 14 meets Headless Wordpress: The Perfect Combo for SEO and SPEED ⚡︎ Guillermo Approved!
Переглядів 25 тис.5 місяців тому
Thanks for watching! Subscribe for more Design Engineering related content 🖥️ Github URL: github.com/9d8dev/next-wp Demo URL: wp.9d8.dev/ brijr/craft: bridger.to/craft brijr/components: components.bridger.to Guillermo Approval: x.com/rauchg/status/1801716527093240284 How to use Wordpress Rest API: www.hostinger.com/tutorials/wordpress-rest-api Cameron: @skillissuestudio 9d8: 9d8.dev Follow me o...
コード CodeFi (Lofi for Coding) :: 2 Hours Chill Lofi Hip Hop :: Stay Focused while Coding
Переглядів 582Рік тому
"CodeFi"でリラックスしながら、コーディング体験を向上させましょう。これは、チル・ローファイ・ヒップホップの世界への穏やかな3時間以上の旅です。集中力と創造性を高めるために完璧にキュレーションされたこのミックスは、長時間のコーディングセッションや集中力を要するあらゆる活動に最適な伴侶です。 Unwind and enhance your coding experience with "CodeFi", a serene 2 hour journey into the world of chill Lofi Hip Hop. Perfectly curated to boost focus and creativity, this mix is your ideal companion for long coding sessions or any activity requir...
Lofi and Code with Me :: Building a Hero Component :: Next JS 14 / Tailwind / Typescript :: 006
Переглядів 191Рік тому
In this video I build a hero component for CraftUI (craftui.org) based on the hero section of Raus. Follow along as I build out Next JS, Tailwind CSS, and Typescript components to Lofi Beats and ambient noise. Thanks for watching! Subscribe for more. All music from Cooking Soul.
Lofi and Code with Me :: Building a Hero Component :: Next JS 14 / Tailwind / Typescript :: 005
Переглядів 178Рік тому
In this video I build a hero component for CraftUI (craftui.org) based on the hero section of Samara. Follow along as I build out Next JS, Tailwind CSS, and Typescript components to Lofi Beats and ambient noise. Thanks for watching! Subscribe for more. All music from LuKremBo: @LuKremBo
Design with Me :: Lofi and Figma :: Build the Homepage for fjord.dev
Переглядів 188Рік тому
Coding fjord.dev video coming soon! Dive into a serene design session with me in 'Design with Me :: Lofi and Figma'. In this video, I'll take you through the creative process of building the homepage for fjord.dev using Figma, all set to the calming backdrop of Lofi music. Perfect for UI/UX professionals, design students, or anyone who enjoys a chill soundtrack while exploring the intricacies o...
Lofi and Code with Me :: Building a Hero Component :: Next JS 14 / Tailwind / Typescript :: 004
Переглядів 732Рік тому
In this video I build a hero component for CraftUI (craftui.org) based on the hero section of Samara. Follow along as I build out Next JS, Tailwind CSS, and Typescript components to Lofi Beats and ambient noise. Thanks for watching! Subscribe for more. All music from LuKremBo: @LuKremBo
Lofi and Code with Me :: Building a Hero Component :: Next JS 14 / Tailwind / Typescript
Переглядів 264Рік тому
In this video I build a hero component for CraftUI (craftui.org) based on the hero section of Supertape. Follow along as I build out Next JS, Tailwind CSS, and Typescript components to Lofi Beats and ambient noise. Thanks for watching! Subscribe for more. All music from LuKremBo: @LuKremBo
Thankyou, but I have 1 query: When I load Headless WordPress posts into my Next.js application, the CSS doesn't apply correctly to the blog post data. Additionally, I need to manage image sizes, as images appear full-screen on the blog detail page in Next.js. Furthermore, if I need to create a post about an art exhibition and include an image gallery, how can I manage the images to display them as a gallery? How do I ensure the images are styled correctly and displayed in a structured layout?
Superb and what about deployment vercel or hostinger plan without cloud and vps?
Perfect combo
Not sure how I ended up here but this is one of the best UA-cam channels that I ever saw. Mate keep pushing, this is truly great!!!
Wow. Thank you so much!
Excellent video, what vsc theme do you use?
Vesper!
please, do a video showing each different component and how it can be used, like the box, the article and the others, and how can they be customized based on desired layout.
Ill get on it
sir, what is ur record software ?
Screen Studio
Dope bro
Thanks a lot for the content ! Could you explain how to deploy this setup with only one domain for both the wp and the front end on a vps ?
Is it possibe to add woommerce to?
Need to work on this
Thank you!
I like the approach. I was building something similar but mainly for section and container which are probably the ones needed most. Have you thought about supporting CMS’s with a “box” model. What I have mind is something like we know from sidebars in Figma, Webflow, etc. to configure the box with paddings/margins/bg colors/bg-images etc. Craft is only interesting in a very static approach with zero cms configuration.
Great points. I really like this idea and might have to start working on it.
Oh I love the extensions you use on your VSCode. Care to share them?
Would be interesting to see woocommerce implementation
Thought on just creating an NPM package with the components instead of having to clone an entire repo to get up and running?
Good point, maybe i can explore something similar to shadcn where there is a cli to clone the components
thanks so much. i’ve been trying to build this myself and i didn’t know where to start from. new dev here. thanks a lot
Does it support woo commerce
This is the initial build. You can refine it. Woo has a REST API for this.
what the hell is this lol. that's baller
This is exactly what I need! Keep up the great work 🔥🙏👍
one of the best tutorials that I found , keep working man!🙌
Thanks bro, That helped a lot
WOW, it's amazing! I will probably give it a shot, your vs code theme is also cool, could you share the theme name, please?
Vesper!
Will it work with all plugins and woocommerce
awsome
Great video, just stumbled on your channel and I am very happy I did. Thanks for the great content. (btw, what theme / icon pack do you use for your editor)
noice!
How to fix the cache? its not working. When I update the content in WP. It won't reflect in nextjs. But when I check in wp rest api it update. How to fix this?
might have to change the revalidate variable? @12:53
can't beat it for building landers
Nice work over there!
This looks nice. However the GitHub link is currently unavailable. It says ”No server is currently available to service your request."
This is amazing ❤❤ just a question, can I do things like importing data from wordpress plugins?
Kind of... depends if they give you the data in the rest api.
Can you make it amp compatible? It might be faster and it works for me. Also thanks for sharing <3
Even Google drops amp development, it is outdated solution
@@ukaszrozewicz7488 but i need for a while