1674016320
Build Splatboy Dev Portfolio Page with Nextjs and TailwindCSS
Next Portfolio
This is my "developer's" porfolio, built with Next.js, React and TailwindCSS. It is hosted on Vercel and self-hosted on port 3000.
Frameworks
Client: React, Next.js, TailwindCSS
Server: Node, Next.js
Link
The portfolio (main branch) is available at https://splatboy-dev.xyz. It will automatically update whenever I push to the repo.
Deployment
To deploy my portfolio (or your own) run:
npm run start
Otherwise, when you're working on it, use
npm run dev
, or:
npx next dev
Feedback
If you have any feedback, please reach out to me via the issues/PR page. Otherwise, you can reach me at:
- contact@splatboy-dev.xyz
Splatboy Dev#5923
Authors
Download details:
Author: splatboydev
Source code: https://github.com/splatboydev/Portfolio
#react #react-native #nextjs #tailwindcss
What is GEEK
Buddha Community
1674016320
Build Splatboy Dev Portfolio Page with Nextjs and TailwindCSS
Next Portfolio
This is my "developer's" porfolio, built with Next.js, React and TailwindCSS. It is hosted on Vercel and self-hosted on port 3000.
Frameworks
Client: React, Next.js, TailwindCSS
Server: Node, Next.js
Link
The portfolio (main branch) is available at https://splatboy-dev.xyz. It will automatically update whenever I push to the repo.
Deployment
To deploy my portfolio (or your own) run:
npm run start
Otherwise, when you're working on it, use
npm run dev
, or:
npx next dev
Feedback
If you have any feedback, please reach out to me via the issues/PR page. Otherwise, you can reach me at:
- contact@splatboy-dev.xyz
Splatboy Dev#5923
Authors
Download details:
Author: splatboydev
Source code: https://github.com/splatboydev/Portfolio
1618639156
Responsive Personal Portfolio Website HTML CSS and JavaScript
Demo: https://cutt.ly/TvxhH2T
#portfolio website html css #personal portfolio website tutorial #portfolio website #responsive personal portfolio website #portfolio website html css javascript #responsive portfolio website html css javascript
1628185500
My Experience With - Next JS and Tailwind CSS
Recently I made an awesome project with #nextjs and #tailwindcss. So in this video I will share my experience working with Tailwind CSS and Next js.
1629353933
Build a Portfolio with NextJS and Tailwind CSS
If you're a web developer, it's important for you to have a personal portfolio website – especially when you're applying for jobs.
If you have a nice online portfolio site, you'll have a better chance of getting attention from recruiters than if you don't.
Instead of sending your CV and asking a recruiter to have a look, a portfolio website can help you stand out by directly showcasing your skills, projects, education, and your personal brand.
You can use your portfolio to showcase your projects, your education, share re-usable code snippets with the world, provide helpful resources, and write your own blogs. There are countless things that you can do with your own website.
I built a template that you can use to create, edit, and deploy your own portfolio website for free on the internet in no time. And if you want to build your own version from scratch, I'll show you how in this article.
So let's dive in – I'll show you what technology I used, how I structured the portfolio, and I'll break it down by section so you can see how each part works.
#nextjs #tailwindcss #webdev
1644375540
How to Build a Website with NextJS and TailwindCSS for Beginners
Learn to create a simple personal/portfolio website with NextJS, React, and TailwindCSS in this beginner-level tutorial project.
When this project is finished, you'll have a hosted static site built and styled with modern (2022) web frameworks.
📹 Video Content
00:00:00 Introduction
00:01:13 Tech Overview
00:03:07 Setup
00:07:11 React Re-cap
00:13:47 Design
00:16:36 Components and layout
00:29:18 Styling with TailwindCSS
00:39:09 Add images
00:45:26 Add a new page
00:50:14 Creating links between pages
00:54:47 Re-using components (w/ prop interface)
01:02:22 Loop to create multiple components
01:08:46 Add social media icons (w/ Fontawesome)
01:15:12 Publish (host) the site!
💡 Final product: https://nextjs-portfolio-seven-chi.vercel.app/
💡 Code: https://github.com/pixegami/nextjs-portfolio-tutorial
Subscribe: https://www.youtube.com/channel/UCuxhTSKtnMJizinblLs9xOA/featured