Next.js IT conference website · program, tickets, networking
Conference website
At a conference with three rooms, attendees spend the first hour figuring out where to go — and still end up at the wrong talk. Here they describe what they do in their own words and get a schedule without overlaps, with every choice explained. Tickets are bought for the whole team at once with an invoice for a company, and networking stops being random: the system shows who is hiring and who is looking for a contractor, and reserves a table for the break.
Scenario: Gradient conference in Nizhny Novgorod — fictional: 2 days, 3 rooms, 4 tracks, 32 talks and workshops, 20 speakers, 900 attendees.
Open the demo
Star talks or take the AI selection — try describing your task in your own words. Buy tickets with the promo code GRADIENT10, STUDENT or NN2026, and on the order page “scan” a ticket at the entrance. In the account you can sign in as a demo attendee and arrange a networking meeting. Purchases, schedules and meetings appear in the owner dashboard.
Leads from the demo website are visible only to you, in the “Owner dashboard”: the server validates the form and stores nothing.
What the demo shows
How to try it
Build a schedule
In the “AI selection” block, write, for example, “I’m a backend developer, we’re adding RAG to support but it’s expensive” and press “Pick talks”.
Adjust the selection
Read the explanation for each talk, swap one for an alternative from the list and save the schedule to your account.
Buy tickets
Choose “Standard” for two, enter the promo code STUDENT and pay with a company invoice — the tax ID is checked against its checksum.
Get in at the entrance
On the order page, press “Scan ticket 1” twice: the first time it lets you in, the second time it says “already admitted”. Transfer the second ticket to a colleague — the old QR code stops working.
Arrange a meeting
In the account’s “Networking” tab, fill in your profile and choose a person and a free slot during a break.
No paid neural networks
There are no paid neural network requests: the free-text request is parsed by rules in the browser, and the schedule is built by an algorithm that picks non-overlapping talks with the most value for the attendee. In a production version the text is understood by a language model, with the program and room rules given to it as tools — it won’t suggest a talk that doesn’t exist or put two talks at the same time. Networking participants and their availability are simulated; the conference, speakers and talks are fictional.
The demo runs without OpenAI, YandexGPT or GigaChat API keys. Wherever a production system calls a model, there’s a local stub with the same interface — so the demo is free, always available and never makes things up.
What a production project adds
- Tickets sold via acquiring with a fiscal receipt under 54-FZ or a ticketing service (Timepad, Yandex Afisha) via API; company invoices from 1C
- Entrance check — an app for volunteers with a QR scanner that works offline and syncs
- Emails with tickets and reminders via a mailing service; meeting notifications in the conference Telegram bot
- AI selection by a language model (YandexGPT or GigaChat) with the program as a tool; networking on profile embeddings with consent to be shown
Stack
- All demos by stack:
- Next.js
- React
- TypeScript
- Next.js 16
- React 19
- TypeScript
- Tailwind CSS 4
- Server Actions
Based on
Books and university courses whose ideas are at work in this demo.
University course · CMC MSU
Discrete Structures
Picking talks with no time overlaps is a combinatorial scheduling problem.
Developer’s comment
Anton Goncharov
AI systems developer · Python
For business
- A personal schedule without overlaps solves the main pain of a multi-track conference: attendees know in advance where to go and don’t leave in the middle of a talk.
- Price waves and a team discount drive early sales, and an invoice for a company with a tax ID check removes back-and-forth with accounting.
- Networking with explained matches is why people buy an in-person ticket: “hiring — looking for a job” and “need a contractor — selling a solution” introductions don’t happen by chance.
For developers
- Selection is weighted interval scheduling solved with dynamic programming for each day: a 90-minute workshop competes fairly with the two talks it overlaps.
- The ticket code carries the type, order number and a Luhn check digit — the scanner itself rejects typos, and transferring a ticket reissues the code and invalidates the old one.
- Prices, promo codes, attendee matches and slot occupancy are pure functions with tests; occupancy is deterministic, so slots don’t “jump” between reloads.
Tips
Tip 01
Explain every choice the algorithm makes: “from your query: RAG and search” builds more trust than a bare list of talks.
Tip 02
Don’t stack discounts silently: if the team discount is larger than the promo code, show that the larger one was applied — otherwise the buyer will think the code didn’t work.
Want the same for your business?
Tell me about your task — I’ll tell you what from the demo fits, how long it will take and what I’ll need from you.
Other demos in this section
All demos- live
Next.js website · service landing page
Dental clinic landing page
A one-page clinic website that brings in patients: a quiz suggests a treatment, a calculator prices the plan with installments, online booking shows doctors’ free time, and an AI consultant answers from the price list. The headline is A/B-tested; leads and goals are visible in the owner dashboard.
- Next.js
- React
- TypeScript
- live
Next.js website · B2B, multi-page
Manufacturing company website
A multi-page website for a steel structures plant that sells on its own: a calculator prices a building with a live drawing, a builder assembles a technical specification, case studies filter by industry, you can apply for a job with a CV, and site search understands queries in plain words.
- Next.js
- React
- TypeScript
- live
Next.js website · catalog, map, comparison
Real estate catalog with smart search
A real estate agency’s apartment catalog: type “two-bedroom near the metro under 12 million” and the search sets the filters itself, shows apartments on a city map, compares up to four and sends new ones to Telegram.
- Next.js
- React
- TypeScript
- live
Next.js website · AI translation, per-language SEO
An export website in four languages
A website for an Altai honey exporter in Russian, English, Chinese and Arabic: translated page URLs, per-language SEO, a wholesale price calculator with delivery and a translation studio that checks the neural network’s draft against a glossary.
- Next.js
- React
- TypeScript
- live
Next.js website · customer account, AI assistant, Telegram
Customer account portal
A print shop’s customer account: orders with production stages, layout approval with comments right on the layout, invoices paid via SBP, documents with an electronic signature, a new order with a price calculation, a chat with an AI assistant and a manager, notifications in Telegram.
- Next.js
- React
- TypeScript
- live
Next.js website · Python in the browser, AI mentor
Online school with a student account
An online analytics school: a landing page with a Python task checked right in the browser, a level test with a personal curriculum, installments with a tax deduction estimate, a student account with homework and AI review, an AI mentor that answers from course materials and a certificate verified by QR code.
- Next.js
- React
- TypeScript
- live
Next.js website · booking by plate number, photo report, approval
Car service with booking and repair status
A car service website: booking by plate number or VIN into free bay slots, a “what’s knocking?” diagnosis with likely causes and a price range, repair status with a photo report, approval of extra work and payment by link, and a garage with service history and a forecast of the next maintenance.
- Next.js
- React
- TypeScript
- live
Next.js website · case analysis, claim letters, calculators
Law firm with AI case analysis
A law firm website: describe your situation in your own words right in the hero, get an AI analysis with an assessment of prospects, a claim letter in Word, court fee, penalty and limitation period calculators, a document checklist, case progress in a client account, a price builder and booking with a lawyer.
- Next.js
- React
- TypeScript
- live
Next.js SaaS website · sandbox, dashboard, API
SaaS: AI replies to WB and Ozon reviews
The website and dashboard of a SaaS service that replies to Wildberries and Ozon reviews: a sandbox with review analysis and checks, autopilot by rating, a queue with approval, topic analytics, plans with a payback calculator, store connection by key, an invoice by tax ID and API documentation with a live console.
- Next.js
- React
- TypeScript
- live
Next.js restaurant website · menu, table booking, delivery
Restaurant with delivery
A restaurant website with delivery: a menu with allergen and diet filters, AI dinner selection from a plain phrase, table booking on a floor plan showing free tables for the chosen time, a cart with delivery zones, a minimum order and promo codes, and order tracking with the courier on a map.
- Next.js
- React
- TypeScript
- live
Next.js fitness studio website · booking, memberships, account
Fitness studio
A small-group fitness studio website: a weekly schedule with spots and two-click booking, a waiting list that moves you into the group automatically, memberships you can freeze from your account, an AI 4-week training plan from five questions and a personal account with attendance stats.
- Next.js
- React
- TypeScript
- live
Next.js corporate logistics website · calculator, tracking, AI request
Transport company website
A transport company’s corporate website: a calculator that compares groupage and a dedicated truck at once, shipment tracking with the truck on a map, AI parsing of a request from an email or waybill with missing fields highlighted, a map of warehouses and terminals with a storage calculation, a carrier application with an eligibility check, and company details with checksum validation.
- Next.js
- React
- TypeScript