Skip to content

README.md

Latest commit

 

History

History
50 lines (41 loc) · 1.46 KB

README.md

File metadata and controls

50 lines (41 loc) · 1.46 KB

Next.js Webpage Template

This is a basic, responsive frontend webpage template built with Next.js. It features two side panel ads, mobile responsiveness, and multiple pages. Use this template as a starting point for your own website or project.

Features

  • Responsive design for desktop and mobile
  • Two customizable side panel ads
  • Multiple pages (see src/app)
  • Built with Next.js, React, and Tailwind CSS

Getting Started

  1. Install dependencies: 
    npm install
  2. Run the development server: 
    npm run dev
  3. Build for production: 
    npm run build
  4. Start production server: 
    npm run start

Customizing for Your Use Case

  1. Update site content:

    • Edit or add pages in src/app/ (e.g., page.tsx, contact/page.tsx, etc.)
    • Change main content, navigation, and footer as needed.

  2. Modify side panel ads:

    • Update ad images, links, and styles in src/app/adBannerLeft.tsx and src/app/adBannerRight.tsx.
    • Replace ad assets in the public/ folder.

  3. Change branding:

    • Update project name in package.json.
    • Edit titles, logos, and theme in layout and header components.

  4. Add or remove pages:

    • Create new folders/files in src/app/ for additional pages.
    • Remove unused pages as needed.

  5. Customize styles:

    • Edit src/app/globals.css or use Tailwind classes for custom styling.

License

This template is free to use and modify for your own projects.