SurveyJS + Vike Quickstart Template

Build forms and surveys in Vike with SurveyJS. This quickstart template demonstrates how to add a drag-and-drop form builder to a Vike application, render dynamic forms with server-side rendering support, export surveys to PDF, and visualize survey results with charts and tables using the following SurveyJS components:

• SurveyJS Form Library
• Survey Creator / Form Builder
• SurveyJS Dashboard
• SurveyJS PDF Generator

Form Library and PDF Generator are server-rendered. Survey Creator and Dashboard mount on the client (onMounted) because they access browser APIs (navigator / document) during setup.

Run the Application

git clone https://github.com/surveyjs/surveyjs-vike.git
cd surveyjs-vike
npm i
npm run dev

Open http://127.0.0.1:3000/ in your web browser.

Template Structure

This template covers most basic use cases. You can find code examples for them in the following files:

• Create a standalone survey
  • data/survey_json.js
  • components/SurveyForm.vue
• Add Survey Creator to a page
  • components/SurveyCreator.vue
• Export a survey to a PDF document
  • pages/pdf-export/+Page.vue
• Visualize survey results
  • As charts
    • data/dashboard_data.js
    • components/Dashboard.vue
  • As a table
    • data/dashboard_data.js
    • components/DashboardTabulator.vue

Related Resources

• SurveyJS Website
• SurveyJS Documentation
• What's New in SurveyJS