Skip to content

D333-DAO/web3tech

Repository files navigation

Next.js

A modern Next.js 15 application built with TypeScript and Tailwind CSS.

πŸš€ Features

  • Next.js 15 - Latest version with improved performance and features
  • React 19 - Latest React version with enhanced capabilities
  • Tailwind CSS - Utility-first CSS framework for rapid UI development

πŸ› οΈ Installation

  1. Install dependencies:
npm install
# or
yarn install
  1. Start the development server:
npm run dev
# or
yarn dev
  1. Open http://localhost:4028 with your browser to see the result.

πŸ“ Project Structure

nextjs/
β”œβ”€β”€ public/             # Static assets
β”œβ”€β”€ src/
β”‚   β”œβ”€β”€ app/            # App router components
β”‚   β”‚   β”œβ”€β”€ layout.tsx  # Root layout component
β”‚   β”‚   └── page.tsx    # Main page component
β”‚   β”œβ”€β”€ components/     # Reusable UI components
β”‚   β”œβ”€β”€ styles/         # Global styles and Tailwind configuration
β”œβ”€β”€ next.config.mjs     # Next.js configuration
β”œβ”€β”€ package.json        # Project dependencies and scripts
β”œβ”€β”€ postcss.config.js   # PostCSS configuration
└── tailwind.config.js  # Tailwind CSS configuration

🧩 My Site

It is created to showcase the shit I feel is useful or I find has value. Or I am just sharing because I haven't found the glitch at that excited momentπŸ«ͺπŸ€”

🎨 Styling

This project uses Tailwind CSS for styling with the following features:

  • Utility-first approach for rapid development
  • Custom theme configuration
  • Responsive design utilities
  • PostCSS and Autoprefixer integration

πŸ“¦ Available Scripts

  • npm run dev - Start development server on port 4028
  • npm run build - Build the application for production
  • npm run start - Start the development server
  • npm run serve - Start the production server
  • npm run lint - Run ESLint to check code quality
  • npm run lint:fix - Fix ESLint issues automatically
  • npm run format - Format code with Prettier

πŸ“± Deployment

Build the application for production:

npm run build

πŸ“š Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

πŸ™ Acknowledgments

Built with Rocket.new & Google Sites

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors