The world of modern web development was SPAs like Angular, React and Blazor. Now customers are choosing Next.JS and shadcn/UI – these tools are revolutionizing how we build on the web. This beginner-friendly session will guide you through the process of creating sleek, responsive websites with ease and confidence.

00:00 Intro
01:29 JavaScript Ecosystem
06:36 What is Next.JS + Shadcn/ui?
17:00 Setting Up a Next.JS Project
29:50 Building Components with Shadcn/ui
37:41 Forms
48:15 Further Resources
50:08 Q and A

Join Jack Pettit, a Software Engineer at SSW who loves working on TinaCMS. He will guide you through the foundational steps of using Next.JS, a React-based framework known for its efficiency and scalability. Experience the seamless integration of shadcn/UI, a user interface toolkit that transforms complex coding into a visually intuitive process.

Expect a blend of practical demonstrations, real-world examples, and insider tips about secret sauce you can use in your web development. By the end, you’ll have a solid understanding of Next.JS and frameworks to supercharge your next web development project.

Links: Need help? https://www.ssw.com.au/consulting

Follow us:
LinkedIn: https://linkedin.com/company/ssw/
Twitter: https://twitter.com/ssw_tv
Facebook: https://facebook.com/SSW.page
Instagram: https://instagram.com/ssw_tv
Tiktok: https://www.tiktok.com/@ssw_tv

Get in touch: Jack Pettit – SSW Software Engineer
https://www.ssw.com.au/people/jack-pe…
https://www.linkedin.com/in/jackdevau/

For more information about SSW’s consulting services, please visit https://ssw.com.au/

#WebDevelopment#Nextjs#React#shadcnUI#ModernWeb#SPAs#Coding#WebDesign#SoftwareEngineering#TinaCMS#TechWorkshop#WebDevTips#FrontendDevelopment#WebDevCommunity#JackPettit#SSW#DeveloperTools#CodingJourney#LearnToCode#TechTutorial#WebDevBootcamp#BeginnerFriendly#CodingLife#UIUX#WebDevSecrets#TechInnovation

V2 – Bahjat

About the speakers

About the speakers

Jack Pettit

Jack is a Software Engineer based in the SSW Brisbane office, with a specialization in frontend development using React. He is also adept at backend development, adhering to the clean architecture pattern with .NET.

Beyond this, Jack has expertise in NextJS and Gatsby, always aiming to develop swift and responsive websites to ensure the best user experience. His skills extend to mobile development, having crafted mobile apps with Xamarin and now transitioning to .NET MAUI. A strong advocate of DevOps, Jack is well-versed with GitHub Actions and Azure services.

Related videos

Related videos

Humans as a Space Faring Civilization | Richard Campbell & Ulysses Maclaren

Join SSW’s General Manager, Ulysses Maclaren in an engaging interview with Arafat Tehsin, an AI MVP with Microsoft, as they delve into the realm of AI beyond chatbots. Arafat shares insights into his innovative project tackling parking sign confusions using multimodal AI. From leveraging Microsoft Project Florence to experimenting with OpenAI’s GPT-3.5, Arafat unveils the journey of building a solution that integrates images and text seamlessly. Discover how advancements in AI are revolutionizing mobile and web app experiences, gamification, personalized recommendations, and even video analysis.

Efficient Task Management with Microsoft Loop Tutorial | Tanya Leahy | SSW Rules

Discover how to streamline your task management with Microsoft Loop! In this video, Tanya Le, the Operations Coordinator at SSW, demonstrates how to create a shared, real-time workspace that you and your boss can edit together. Perfect for those unexpected calls from busy bosses. Learn step-by-step how to set up and use Microsoft Loop within Microsoft Teams, making it accessible anytime, anywhere. Don’t miss this essential productivity tip!

The importance of annual reviews for developers | Adam Cogan & Ulysses Maclaren | SSW Rules

Join SSW’s Chief Architect, Adam Cogan and SSW’s General Manager, Ulysses Maclaren as they discuss the importance of annual reviews for Software Developers, emphasizing the must-haves and the “icing on the cake”. Learn about key metrics, from billability to mentorship, and discover how to balance essential tasks with additional contributions to make the most out of your annual review.

SSW FireBootCamp Journey to become a .NET developer (Story 1) | Ella Smith & Josh Berman

Looking to get started into the software industry but struggling with the ‘experience required’ dilemma? Hear firsthand from SSW’s graduates about their learning journey with FireBootCamp, SSW’s internship program available in Australia, China and France. Discover how they gained valuable experience, learned essential soft skills, and thrived in a supportive environment alongside senior developers. Get inspired to level up your skills and jumpstart your career with FireBootCamp!

Talk before emailing – are you gold or silver? | Adam Cogan & Andrew Harris | SSW Rules

In this interview, SSW’s Chief Architect Adam Cogan sits down with SSW’s Solution Architect Andrew Harris to discuss the importance and evolution of the “As per our conversation” SSW Rule in email communication. They discuss the importance of confirming conversations, the challenges some face in following it, and the value it brings to any business communication. Join the conversation and share your insights in the comments!

Cloud Native Aspirations with .NET Aspire | Matt Wicks and Rob Pearson | SSW User Group

This session focuses on .NET Aspire’s capabilities and the multi-platform versatility of .NET 8.

Feature Management Simplified: A Deep Dive into Feature Boards | Matt Wicks & Lars Klint

Join SSW’s Solution Architect Matt Wicks as he dives into the world of feature management with Microsoft Azure MVP, Lars Klint, at NDC Sydney 2024. Explore the innovative approach of feature boards, shifting the responsibility from developers to product owners. Discover how feature toggling transcends the binary realm and adapts to dynamic audience segmentation. With insights into audience providers, SDK usage across multiple languages, and seamless integration into development pipelines, this conversation uncovers a new era of feature management.

Unlocking Domain-Driven Design: Exploring Contextive | Gert Marx & Chris Simon

In this video, join Gert Marx, SSW Solution Architect, as he interviews Chris Simon, Start up CTO Coach, about his open-source project, Contextive. Contextive is inspired by Domain-Driven Design (DDD) principles, particularly focusing on the ubiquitous language aspect. Chris explains how miscommunication between developers and users can lead to issues in software projects, and how Contextive aims to mitigate this by documenting domain terminology.

Navigating Coding, Deployments, and Legacy Projects | Matt Wicks & Ben Dechrai

Join SSW’s Solution Architect Matt Wicks in this interview with Developer Advocate, Ben Dechrai, at NDC Sydney. They explore the world of coding, deployments, and legacy projects as they discuss strategies for managing deployment debt, the importance of keeping infrastructure and code in sync, and navigating through legacy codebases. Learn practical tips for maintaining code cleanliness and optimizing readability, along with valuable insights on levering cognitive complexity to elevate code quality.

TDD: How Fluent Assertions came to be | Luke Parker & Dennis Doomen

Join SSW’s Luke Parker in this insightful interview with Dennis, the author of the Fluent Assertions Library, as they discuss the origins of the library, its evolution, and the principles of Test-Driven Development (TDD). Dennis shares his journey from a small internal project to a widely used open-source tool, emphasizing the importance of self-describing tests and design clarity. Learn how TDD not only enhances code maintainability but also fosters a better understanding of system boundaries and design patterns.