Develop a personal website with Next.js, Tailwind CSS, and Firebase.
npx skills add https://github.com/Jonesh05/personal-website --skill personal-website
Please help me install this Agent Skill. Skill: personal-website Source: https://github.com/Jonesh05/personal-website/tree/main Command: npx skills add https://github.com/Jonesh05/personal-website --skill personal-website
This Skill provides a comprehensive framework and plan for developing a modern, performant personal website using Next.js, Tailwind CSS, and Firebase, addressing common development challenges and offering a clear path for restructuring and enhancement.
Use the personal-website skill to generate a new Next.js personal website project structure based on the provided restructuring plan.
High-intent search queries and answers about installing and using this skill.
To build a personal website with Next.js and Firebase, you need a framework that supports Server Components, Server Actions, and secure authentication via httpOnly cookies. This Skill provides a structured refactoring plan to develop a full-stack portfolio, blog, and admin dashboard using Next.js 16+, Tailwind CSS 4+, and Firebase.
Firebase authentication with Next.js Server Components works by leveraging the Firebase Admin SDK on the server side. This Skill implements secure authentication using httpOnly session cookies, ensuring that authentication state is managed securely without exposing sensitive tokens to the client.
Yes, you can use Tailwind CSS 4+ for a Next.js portfolio and blog. This Skill integrates Tailwind CSS 4+ alongside Next.js 16+ and React 19+ to style modern, performant personal websites, providing detailed architecture guidance for both Server and Client Components.
The best way to structure a full-stack Next.js personal website is to follow a comprehensive refactoring plan that separates Server Components, Client Components, and Server Actions. This Skill offers a step-by-step guide to restructure existing code, improve performance, and enhance security.
Yes, you need Server Actions to securely manage a blog and admin dashboard in Next.js. This Skill utilizes Server Actions for backend data flow and mutations, pairing them with Firebase and the Firebase Admin SDK to handle content management securely.
You use httpOnly cookies for Firebase authentication in a personal website to prevent cross-site scripting (XSS) attacks from accessing session tokens. This Skill implements this security pattern using the Firebase Admin SDK to manage server-side sessions safely.
ZeroGravitySkin-RonProvide frontend development guidelines for Next.js 16 App Router applications.
involvexDeploy and manage Next.js/Angular apps to Firebase App Hosting via firebase-tools.
xxihImplement React and Next.js patterns for component composition, state hooks, and performance.
DidierRLopesConvert Beehiiv newsletter posts into blog markdown files with front matter and images.
