Next.js Greeting App with Server Actions and Shadcn UI

This project demonstrates a simple single-page application built with Next.js 15.1, leveraging server actions and Shadcn UI components. The app allows users to enter their name and receive a personalized greeting.

Features

• Input field for user name entry
• Submit button to process the input
• Server action to generate a greeting
• Responsive design using Shadcn UI components
• Explanation section detailing how the app works

Technologies Used

• Node v22.11.0
• Next.js 15.1.6
• React 19.0.0
• TypeScript 5
• Shadcn UI
• Tailwind CSS 3.4.17
• Server Actions

How It Works

1. The user enters their name in the input field.
2. Upon clicking the submit button, a server action is triggered.
3. The server action processes the input and returns a greeting message.
4. The greeting is displayed on the page.

Key Components

• Input: Shadcn UI component for text input
• Button: Shadcn UI component for the submit button
• Card: Shadcn UI component for wrapping the form
• Accordion: Shadcn UI component for the explanation section

Next.js 15.1 Features

This project leverages the latest features of Next.js 15.1, including:

• Improved performance and stability
• Enhanced support for React Server Components
• Optimized server actions

Getting Started

1. Clone the repository
2. Install dependencies: npm install
3. Run the development server: npm run dev
4. Open generated link in your browser

Learn More

To learn more about the technologies used in this project, check out the following resources:

• Next.js Documentation
• React Documentation
• Shadcn UI
• TypeScript Documentation