Built with React
, NextJS
, TypeScript
and Tailwind CSS
.
- node(18.11.11 or later)
- yarn(version 1)
Tech specification for this template is given below
Within the project directory you'll find a .env.example
file just rename it as .env.local
.
** NOTE : ** This file contain env values
for local development but when you wanna use this template for your needs you need to replace this value with your own real API endpoint
.
** NOTE : ** To get the map in development mode, go to your .env.local
file and put your google map api key there like NEXT_PUBLIC_GOOGLE_API_KEY= put your api key
Run below command for getting started with this template.
# on tripfinder or in root directory
$ yarn
$ yarn dev
# which will running the boat template for development
If you want to test your production build in local environment then run the below commands.
# build for production
yarn build
#start template in production mode
yarn start
- To setup you site's basic information like [Logo,Site title,Description etc] go to ->
boat/src/app/layout.tsx
file - To customize tailwind configuration go to ->
tailwind.config.js
file . /public
: This folder containsall the static data
used in this project./src/app
: This folder contains all the pages and layouts./src/components
: This folder contains all the template related ui components./src/components/ui
: This folder contains all the common sections related components./src/contexts
: This folder contains all necessary context for this template . Likemodal, drawer, gallery
etc./src/styles
: Overwrites some third party packages CSS files and our custom CSS in theglobal.css
file./src/hooks
: This folder containshooks
etc./src/config
: This folder containsroutes, api-endpoints, constants
etc./src/pages
: This folder contains404.tsx
file for not found or unmatching routes./src/types
: This folder contains common used types arround this project.
- Advanced Settings
- Enable to add your friends to your story
- Enable you to pick what you want to be
- Enable you to choose keywords for your story