Apiton - React Next App Landing Page Template

Apiton - React Next App Landing Page Template

Thank you for purchasing our template. If you have any questions that are beyond the scope of this help file, please feel free to open a new support request

IMPORTANT: It's built with React JS and It's not a regular HTML Template.

Getting Started

Installation
  • Node.js and NPM : You can download Node.js from https://nodejs.org. NPM comes bundled with Node.js.
Install Npm Packages
  • First unzip Apiton-v1.0.zip you will find two folders including Apiton (this is your root folder). Open this folder with VS Code (or any other you like). And follow step below.
  • NPM : You must have to run npm install packages. You can do this by running npm install from the root of your project to install all the necessary dependencies.
Development server
  • Run yarn dev or npm run dev for a dev server. Navigate to http://localhost:3000 . The app will automatically reload if you change any of the source files.
Build for production and launch server

Folder Structure

Folder Structure

Base Folder Structure

  • Help: For detailed explanation on how things work, check out Next.js docs.

Layout

Default Layout

Apiton/components/Layout.js

Home

Apiton/pages/index.js

Customization

How to change Logo ?

Open Apiton/components/Header.js

开云
How to change Copyright ?

Open Apiton/components/Footer.js

实时体育数据 数据来源: TheSportsDB

⚽ 足球实时 (10)

主队比分客队联赛时间
Ceuta0:0AlbaceteSpanish La Liga 214:15
Real Sociedad B0:0Cultural LeonesaSpanish La Liga 214:15
Hässleholm0:0UtsiktenSwedish Division 1 South14:00
Breitenrain1:0Young Boys IISwiss Promotion League14:00
Cham1:1Biel-BienneSwiss Promotion League14:00
Luzern II1:0BulleSwiss Promotion League14:00
Rostov-21:0Dynamo-2 MakhachkalaRussia FNL 2 Group 114:00
Lafnitz1:0TreibachAustrian Regionalliga Mitte14:00
Goczałkowice-Zdrój1:1Zagłębie Lubin IIPolish III liga Group III14:00
Molde1:0SandefjordNorwegian Eliteserien14:00

🏀 篮球实时 (10)

主队比分客队联赛时间
Da Nang Dragons66:75Ho Chi Minh City WingsVietnam Basketball Association12:30
Lakeside Lightning85:110Rockingham FlamesNBL1 West12:00
PAOK BC94:102Panathinaikos BCGreek Basket League11:50
Bayern München Basketball83:78BonnGerman BBL12:30
Paris Basketball54:41StrasbourgFrench LNB13:30
ALBA Berlin—Bamberg BasketsGerman BBL14:30
Ferro Carril Oeste—Gimnasia y Esgrima de Comodoro RivadaviaArgentine LNB14:30
Kapfenberg Bulls—Oberwart GunnersAustrian Basketball Superliga16:00
BC Lokomotiv Plovdiv—BC Balkan BotevgradBulgarian NBL16:15
Toronto Tempo—Seattle StormWNBA17:00

📅 今日赛程 (20)

主队比分客队联赛时间
Granada—Sporting de GijónSpanish La Liga 22026-05-30
Ceuta0:0AlbaceteSpanish La Liga 22026-05-30
Real Sociedad B0:0Cultural LeonesaSpanish La Liga 22026-05-30
Lafnitz1:0TreibachAustrian Regionalliga Mitte2026-05-30
SCR Altach Juniors0:0Pinzgau SaalfeldenAustrian Regionalliga West2026-05-30
Hohenems0:1Wacker InnsbruckAustrian Regionalliga West2026-05-30
Kuchl2:1LustenauAustrian Regionalliga West2026-05-30
Schwaz—LauterachAustrian Regionalliga West2026-05-30
Imst—BischofshofenAustrian Regionalliga West2026-05-30
Seekirchen3:2DornbirnAustrian Regionalliga West2026-05-30
Wiener Viktoria—Donaufeld WienAustrian Regionalliga Ost2026-05-30
Vorskla Poltava1:1Podillya KhmelnytskyiUkrainian First League2026-05-30
Union Mauer1:2RetzAustrian Regionalliga Ost2026-05-30
Wiener Viktoria—OberwartAustrian Regionalliga Ost2026-05-30
Brühl0:0Basel IISwiss Promotion League2026-05-30
Lausanne-Sport II0:1SchaffhausenSwiss Promotion League2026-05-30
Luzern II1:0BulleSwiss Promotion League2026-05-30
Grand-Saconnex3:2Zürich IISwiss Promotion League2026-05-30
Breitenrain1:0Young Boys IISwiss Promotion League2026-05-30
Kriens0:0BavoisSwiss Promotion League2026-05-30