Premium Only Content
![Let's build a landing page for a game using Reactjs, Nextjs and TailwindCSS](https://1a-1791.com/video/s8/1/X/A/u/a/XAuad.qR4e-small-Lets-build-a-landing-page-f.jpg)
Let's build a landing page for a game using Reactjs, Nextjs and TailwindCSS
Welcome,
In this video, we are going to build a landing page for a game, Life in the Machine, using Reactjs, Nextjs and TailwindCSS.
Life in the Machine is a detective game, which involves crime investigation and solving murder mystery by interrogating suspects, exploring crime scene, finding clues and finally finding the murderer.
Website page - https://shepherdgames.vercel.app/games/litm
Get the game:
Android - https://play.google.com/store/apps/details?id=com.shepherdgames.lifeinthemachine
Windows - https://shepherdgames.itch.io/lifeinthemachine
By the end of this video you will be able to build your own landing page. This tutorial covers below topics
1. Adding images
2. Adding YouTube videos using iFrame
3. Using Flex box
4. Adding hyperlinks
5. Adding Play Store and itch.io game badges
Chapters
00:00 Introduction
03:23 Setting up the NextJS project with TailwindCSS
04:28 Setting up custom font
10:31 Setting up the page title and favion in the Head
12:15 Defining the page items
13:09 Setting up the header with nextjs image property
15:45 Setting up custom background color
17:14 Setting up the game badges
25:37 Adding YouTube video with iFrame
35:20 Adding gameplay videos
43:01 Adding screenshots
47:21 Adding the game badges again
49:18 Conclusion
Get our games and related assets
itch.io - https://shepherdgames.itch.io
Codester - https://www.codester.com/sudeep98/shop
Construct - https://www.construct.net/en/game-assets/users/shepherdgames-152200
Gamedevmarket - https://www.gamedevmarket.net/member/shepherd-games/
You may contact us for any game development requirements or support for any game of our assets or any help with Construct 3 game logics
Email - contact@shepherd.games
Discord - https://discord.gg/WrMwKKEaUn
Website - https://www.shepherd.games
Follow us
Facebook - https://www.facebook.com/shepherdgames
Twitter - https://twitter.com/_shepherdgames
Pinterest - https://in.pinterest.com/shepherdgames
Instagram - https://www.instagram.com/shepherdgames
Twitch - https://www.twitch.tv/shepherdgames1
Support us
Paypal - https://paypal.me/shepherdgame
Patreon - https://www.patreon.com/shepherdgames
BuyMeACoffee - https://www.buymeacoffee.com/shepherdgames
#landingpage #howtobuildwebsite #gamepage
-
1:04:20
Timcast
2 hours agoDemocrats Plan COUP In NYC After Mayor Defends Trump, Lets ICE Deport Criminals | Timcast LIVE
42.1K25 -
LIVE
LFA TV
16 hours agoTRILLIONS IN FRAUD & WASTE FOUND! | LIVE FROM AMERICA 2.18.25 11AM
5,201 watching -
LIVE
The Shannon Joy Show
3 hours ago🔥🔥How’d America End up UPSIDE SIDE DOWN in China? And What Can We Do About it?🔥🔥
217 watching -
DVR
Bannons War Room
18 hours agoWarRoom Live
176K41 -
2:58:51
Wendy Bell Radio
7 hours agoCHECKMATE
65.6K60 -
56:32
VSiNLive
2 hours ago $0.85 earnedA Numbers Game with Gill Alexander | Hour 1
15.2K -
2:06:29
Matt Kohrs
11 hours agoPumping To New Highs, Memecoin Mania & The Week Ahead || The MK Show
28.5K1 -
42:05
BonginoReport
5 hours agoPothole Pete Blames Plane Crash in Canada on Trump (Ep.142) - 02/18/2025
89.8K179 -
1:13:40
Graham Allen
4 hours agoDOGE Is Going After The IRS!! Mass Firing Soon!! + ANOTHER Plane Crash! We Are Not Safe…
65.1K30 -
56:28
Randi Hipper
2 hours agoArgentina's Meme Coin Disaster: Inside the LIBRA Crash
26.1K1