Quickstart: Your First NExS App
This tutorial walks you through creating a simple tip calculator and publishing it as a web app.
Prerequisites
- Microsoft Excel
- A NExS account at platform.nexs.com
Step 1: Create Your Spreadsheet
Open Excel and create a simple tip calculator:
| A | B | |
|---|---|---|
| 1 | Tip Calculator | |
| 2 | ||
| 3 | Bill Amount | $50.00 |
| 4 | Tip Percentage | 20% |
| 5 | ||
| 6 | Tip Amount | =B3*B4 |
| 7 | Total | =B3+B6 |
Format the cells:
- B3: Currency format
- B4: Percentage format
- B6, B7: Currency format
Step 2: Add the NExS.app Worksheet
Create a new worksheet and name it NExS.app (spelling and punctuation matter).
Add this configuration:
| A | B | C | |
|---|---|---|---|
| 1 | app | Tip Calculator | |
| 2 | view | Sheet1!A1:B7 | |
| 3 | editable | B3, B4 |
This tells NExS:
- Line 1: Name the app “Tip Calculator”
- Line 2: Show cells A1:B7 from Sheet1 as the view
- Line 3: Allow users to edit cells B3 (bill amount) and B4 (tip percentage)
Step 3: Save and Upload
- Save your file as
.xlsxformat (File → Save As → Excel Workbook) - Log in to platform.nexs.com
- Click “Create New App”
- Upload your
.xlsxfile - NExS processes your spreadsheet and creates your app
Step 4: Test Your App
After upload, NExS shows you a preview. Try it:
- Change the bill amount from $50 to $75
- Watch the tip and total recalculate automatically
- Try different tip percentages
Your formulas are running on NExS servers—users never see them.
Step 5: Get Your Embed Code
From the app management console:
- Click “Embed” or “Get Code”
- Copy the script embed (recommended):
<script class="nexs"
src="https://static.nexs.com/js/nexs_embed.js"
data-nexs-app-url="https://platform.nexs.com/app/YOUR-APP-ID">
</script>
- Paste this into any HTML page, WordPress post, or website builder
Step 6: Embed on Your Website
Add the embed code to your web page:
<!DOCTYPE html>
<html>
<head>
<title>My Tip Calculator</title>
</head>
<body>
<h1>Restaurant Tip Calculator</h1>
<p>Calculate the perfect tip for your meal:</p>
<script class="nexs"
src="https://static.nexs.com/js/nexs_embed.js"
data-nexs-app-url="https://platform.nexs.com/app/YOUR-APP-ID">
</script>
</body>
</html>
That’s it! Your spreadsheet is now a live web application.
What’s Next?
Now that you’ve built your first app, explore more features:
- Embedding Basics — Customize your embed with the Declarative API
- Views and Layouts — Create multi-view apps
- Charts — Add visual data displays
- Buttons — Add interactivity with clickable actions
Troubleshooting
App won’t upload?
- Ensure your file is
.xlsxformat (not.xlsor.xlsm) - Check that the worksheet is named exactly
NExS.app
Formulas showing as text?
- Make sure formulas start with
= - Verify the source cells are within your view range
Cells not editable?
- Confirm the cell addresses in your
editablelist are correct - Cell addresses are relative to the worksheet, not the view