Elliot - Serverless eCommerce Storefront. 100% headless & serverless. Built with Next.js & one-click deployable on Vercel. 100% cross border ready; deploy, sell & ship to 130+ countries instantly, no credit card required. Join us as contributor ([email protected]).
Start by creating a store and add a few products to it!
Login on Elliot
Choose a domain space
Click on "Get Headless"
Follow the onboarding and you will be good to go!
For the env variables names, use the following:
NEXT_PUBLIC_ELLIOT_ENV_VARIABLES
NEXT_PUBLIC_BASE_URL
To enable Apple Pay, you will have to get the Apple verification file and place it under
/public/.well-known/
Follow this Guide to get the Apple verification file
You might have to upgrade your Vercel account in order to prolonge the serverless function running time to go over 10 seconds in order to enable all the benefits of SSG on run time
Install Vercel CLI
Follow the Online steps
Clone your GitHub repository and run vercel env pull .env.local
to get your environment variables from Vercel dashboard
Run the following commands to start the server locally on port 3001
:
yarn run dev
You can easily customize the theme by changing the values on the theme config here
If you're new and need some guidance feel free reach out to any of our core team members:
@arzafran
@smakosh
@un-tethered
.
├── src
│ ├── assets # Assets used including the default thumbnail of the website
│ ├── components # Components
│ │ │── cart # Components used on the cart page
│ │ │── checkout # Components used on the checkout page
│ │ │── common # Common components
│ │ │── listing # Components used on the landing page
│ │ │── product # Components used on the product page
│ │ │── shipping # Components used on the checkout page
│ │ └── theme # Header, Footer, global style and theme config
│ ├── config # Config variables
│ ├── helpers # Helpers functions
│ │ │── buildtime # queries run on build time
│ │ │── constants # constants
│ │ │── i18n # functions to get browser's locale and anything related to i18n
│ │ │── payment # payment logic
│ │ │── runtime # queries run on run time
│ │ │── shipping # shipping logic
│ │ └── ... # 3 files, alert out of stock, attributes and isEmpty without lodash
│ ├── hoc # Higher order components
│ ├── hooks # Custom hooks
│ ├── lang # i18n json files
│ ├── pages # Pages
│ │ │── [lang] # To have a page for each language supported
│ │ │ │── collection # Collection page
│ │ │ │ └── [slug]
│ │ │ │── product # Product page
│ │ │ │ └── [slug]
│ │ │ │── about # About page
│ │ │ │── cart # Cart page
│ │ │ │── checkout # Checkout page
│ │ │ │── failed-order # Failed order page
│ │ │ │── faqs # Faqs page
│ │ │ │── index # Home page
│ │ │ │── privacy-policy # Privacy policy page
│ │ │ │── return-policy # Return policy page
│ │ │ │── successful-order # About page
│ │ │ └── terms-and-conditions # Terms and conditions page
│ │ │── _app
│ │ │── _document
│ │ │── _error
│ │ │── product
│ │ │── shipping
│ │ └── _error
│ ├── providers # Providers
│ ├── queries # GraphQL queries we run during build time
│ ├── reducers # Reducers
│ └── scripts # Scripts meant to be executed before building the website
└── public/.well-known/ # Where you'd put the Apple verification file
Want to invest some time in building the future of global commerce? Email us at [email protected].
If you have discovered a ? or have a feature suggestion, feel free to create an issue on Github.
To enable wallets such as Apple Pay, your Vercel package will need a verification file from Elliot.
To receive that verification file, and be added to our Slack, email our Partnerships team.